:root{--dlep-primary:#2557e0;--dlep-primary-hover:#1947c8;--dlep-ink:#111827;--dlep-muted:#64748b;--dlep-line:#dbe4f0;--dlep-soft:#f1f5f9;--dlep-danger:#b42318;--dlep-success:#067647}
.dlep-otp-profile-action{display:flex;justify-content:flex-start;margin:18px 0}.dlep-otp-trigger{appearance:none;border:0;border-radius:12px;background:var(--dlep-primary);color:#fff;padding:11px 19px;font:800 13px/1.5 inherit;cursor:pointer;box-shadow:0 8px 24px rgba(37,87,224,.2);transition:background .2s,box-shadow .2s}
.dlep-otp-trigger:hover{background:var(--dlep-primary-hover);box-shadow:0 10px 28px rgba(37,87,224,.28)}.dlep-otp-trigger:focus-visible{outline:3px solid rgba(37,87,224,.3);outline-offset:3px}
.dlep-otp[hidden]{display:none!important}.dlep-otp{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.54);backdrop-filter:blur(5px);font-family:inherit;color:var(--dlep-ink);direction:rtl;text-align:right;animation:dlepFade .18s ease-out}
.dlep-otp *{box-sizing:border-box}.dlep-otp [hidden]{display:none!important}.dlep-otp__backdrop{display:none}
.dlep-otp__dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(90vh,820px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:28px 34px 24px;box-shadow:0 32px 90px rgba(15,23,42,.26);animation:dlepUp .24s ease-out;scrollbar-width:thin}
.dlep-otp__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.dlep-otp__header h2{font-size:22px;line-height:1.5;margin:4px 0 0;font-weight:900;color:#0f172a}.dlep-otp__eyebrow{display:inline-flex;background:#eef3ff;color:var(--dlep-primary);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800}
.dlep-otp__close{width:42px;height:42px;border:0;border-radius:12px;background:#f8fafc;color:#334155;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}.dlep-otp__close:hover{background:#feecec;color:var(--dlep-danger)}.dlep-otp__close svg{width:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dlep-otp__tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;background:var(--dlep-soft);border-radius:18px;padding:6px;margin-bottom:25px}.dlep-otp__tabs button{border:0;background:transparent;color:#64748b;border-radius:13px;padding:13px 8px;font:800 13px/1.5 inherit;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.dlep-otp__tabs button[aria-selected=true]{background:#fff;color:var(--dlep-primary);box-shadow:0 4px 14px rgba(15,23,42,.08)}
.dlep-otp__form{display:grid;gap:17px}.dlep-otp__form[hidden]{display:none}.dlep-otp label{display:grid;gap:8px;font-size:13px;font-weight:800;color:#25324a}.dlep-otp label small{font-size:10px;font-weight:500;color:var(--dlep-muted)}
.dlep-otp input{width:100%;min-height:52px;border:1px solid var(--dlep-line)!important;border-radius:13px;background:#fbfdff!important;padding:0 15px;color:#0f172a!important;font:500 15px/1.5 inherit;outline:0;caret-color:#0f172a;transition:border .2s,box-shadow .2s,background .2s}.dlep-otp input:focus{background:#fff!important;border-color:#7aa0ff!important;box-shadow:0 0 0 4px rgba(37,87,224,.1)!important}.dlep-otp input::placeholder{color:#9aa8bb}.dlep-otp input:-webkit-autofill,.dlep-otp input:-webkit-autofill:hover,.dlep-otp input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:0 0 0 1000px #fbfdff inset!important;box-shadow:0 0 0 1000px #fbfdff inset!important;transition:background-color 9999s ease-out 0s}
.dlep-otp__methods{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:6px;background:#f5f8fc;border:1px solid #e4eaf3;border-radius:16px}.dlep-otp__methods button{min-height:48px;border:1px solid transparent;border-radius:11px;background:transparent;font:800 12px/1.5 inherit;color:#475569;cursor:pointer}.dlep-otp__methods button span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#cbd5e1;margin-left:7px}.dlep-otp__methods button.is-active{background:#fff;color:var(--dlep-primary);border-color:#cad8ff;box-shadow:0 5px 16px rgba(37,87,224,.08)}.dlep-otp__methods button.is-active span{background:var(--dlep-primary);box-shadow:0 0 0 5px #e4ebff}
.dlep-otp__submit{min-height:54px;border:0;border-radius:14px;background:var(--dlep-primary);color:#fff;font:900 14px/1.5 inherit;cursor:pointer;box-shadow:0 10px 25px rgba(37,87,224,.2);transition:background .2s,box-shadow .2s}.dlep-otp__submit:hover{background:var(--dlep-primary-hover);box-shadow:0 13px 30px rgba(37,87,224,.28)}.dlep-otp__submit:disabled{opacity:.6;cursor:wait;box-shadow:none}.dlep-otp__submit.is-loading:after{content:"";display:inline-block;width:15px;height:15px;margin-right:9px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;vertical-align:-3px;animation:dlepSpin .7s linear infinite}
.dlep-otp__alert{margin:-6px 0 18px;border-radius:12px;padding:11px 14px;font-size:12px;line-height:1.9;background:#fff4ed;color:#9c2a10;border:1px solid #ffd6c1}.dlep-otp__alert.is-success{background:#ecfdf3;color:var(--dlep-success);border-color:#abefc6}
.dlep-otp__verify{text-align:center}.dlep-otp__verify h3{font-size:18px;margin:4px 0 0;color:var(--dlep-ink)}.dlep-otp__lead{color:var(--dlep-muted);font-size:12px;line-height:1.9;margin:0}.dlep-otp__lead b{display:inline-block;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.dlep-otp__back{justify-self:start;border:0;background:none;color:var(--dlep-primary);padding:0;font:700 11px/1.5 inherit;cursor:pointer}.dlep-otp__section-title{margin:0;color:var(--dlep-ink);font-size:18px}.dlep-otp__reset-fields{display:grid;gap:17px}.dlep-otp__email-reset{padding:18px;border:1px solid var(--dlep-line);border-radius:14px;background:#f8fafc;text-align:center}.dlep-otp__email-reset[hidden]{display:none}.dlep-otp__email-reset p{margin:0 0 14px;color:var(--dlep-muted);font-size:12px;line-height:1.9}.dlep-otp__email-reset a{display:inline-flex;justify-content:center;min-height:44px;align-items:center;border-radius:11px;background:var(--dlep-primary);color:#fff;padding:0 18px;font-size:12px;font-weight:800;text-decoration:none}
.dlep-otp__dev-code{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #b9cdfd;border-radius:13px;background:#eef4ff;padding:11px 14px;color:#24468f;text-align:right}.dlep-otp__dev-code[hidden]{display:none}.dlep-otp__dev-code span{font-size:11px;font-weight:700}.dlep-otp__dev-code strong{font-size:20px;letter-spacing:4px;color:#1746bd;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.dlep-otp__digits{display:flex;justify-content:center;gap:9px;margin:8px 0}.dlep-otp__digits input{width:52px;height:58px;min-height:58px;padding:0;text-align:center;font:800 24px/1 inherit;direction:ltr}.dlep-otp__digits input.is-filled{border-color:#8baaff!important;background:#f7f9ff!important}
.dlep-otp__resend{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:var(--dlep-muted)}.dlep-otp__resend button{border:0;background:none;padding:3px;color:var(--dlep-primary);font:800 11px/1.5 inherit;cursor:pointer}.dlep-otp__resend button:disabled{color:#94a3b8;cursor:not-allowed}.dlep-otp__footer{display:flex;align-items:center;justify-content:center;border-top:1px solid #edf1f6;margin-top:24px;padding-top:18px}.dlep-otp__footer button{border:0;background:none;color:var(--dlep-primary);font:800 11px/1.5 inherit;padding:4px;cursor:pointer;text-decoration:none}.dlep-otp__footer button:hover{text-decoration:underline}
.dlep-otp__form input:not([type="hidden"]){direction:ltr;text-align:left}.dlep-otp__form input:not([type="hidden"])::placeholder{direction:rtl;text-align:right;unicode-bidi:plaintext}
.dlep-otp__form .dlep-otp__digits input{direction:ltr;text-align:center;font-size:28px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.dlep-otp__profile-intro{display:flex;align-items:flex-start;gap:14px;padding:17px;border:1px solid #d9e4fb;border-radius:16px;background:linear-gradient(135deg,#f7faff,#eef4ff)}.dlep-otp__profile-icon{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--dlep-primary);box-shadow:0 6px 18px rgba(37,87,224,.1)}.dlep-otp__profile-icon svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.dlep-otp__profile-intro h3{margin:1px 0 5px;color:var(--dlep-ink);font-size:16px}.dlep-otp__profile-intro p{margin:0;color:#52627a;font-size:11px;line-height:1.9}.dlep-otp__current-mobile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:13px;padding:11px 13px;background:#fff}.dlep-otp__current-mobile span{color:var(--dlep-muted);font-size:11px}.dlep-otp__current-mobile b{direction:ltr;unicode-bidi:isolate;text-align:right;font-size:14px;font-variant-numeric:tabular-nums;color:var(--dlep-ink)}.dlep-otp__current-mobile em{font-style:normal;font-size:9px;font-weight:800;color:#9a3412;background:#fff4ed;border-radius:999px;padding:5px 8px}.dlep-otp__current-mobile em.is-verified{color:#067647;background:#ecfdf3}
.dlep-otp button:focus-visible{outline:3px solid rgba(37,87,224,.22);outline-offset:2px}.dlep-otp-open{overflow:hidden!important}
@keyframes dlepFade{from{opacity:0}to{opacity:1}}@keyframes dlepUp{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes dlepSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.dlep-otp{padding:0;align-items:end}.dlep-otp__dialog{width:100%;max-height:94dvh;border-radius:24px 24px 0 0;padding:22px 18px 18px}.dlep-otp__header h2{font-size:18px}.dlep-otp__tabs button{font-size:11px;padding:11px 4px}.dlep-otp__digits{gap:6px}.dlep-otp__form .dlep-otp__digits input{width:min(44px,12vw);height:53px;min-height:53px;font-size:25px;text-align:center}.dlep-otp__methods button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dlep-otp,.dlep-otp *{animation:none!important;transition:none!important}.dlep-otp{backdrop-filter:none}}