.email-login-dialog{border:none;padding:0;position:fixed;inset:0;width:100%;max-width:100%;max-height:100%;height:100%;margin:0;background:rgba(0,0,0,0);transition:background .3s ease;overflow:hidden;touch-action:none;overscroll-behavior:contain}.email-login-dialog::backdrop{background:transparent}.email-login-dialog.open{background:rgba(27,58,107,0.55)}.email-login-modal{background:var(--white);font-family:var(--body);color:var(--ink);position:absolute;bottom:0;left:0;right:0;border-radius:24px 24px 0 0;padding:20px 24px 60px;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:translateY(100%);transition:transform 0.35s cubic-bezier(0.32, 0.72, 0, 1)}.open .email-login-modal{transform:translateY(0)}.email-login-handle{width:40px;height:5px;background:var(--line);border-radius:3px;margin:0 auto 16px}.email-login-close{position:absolute;top:20px;left:20px;background:var(--cream);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px 0 0;color:var(--ink-soft);transition:background .2s}.email-login-close:hover{background:var(--sun-tint)}.email-login-title{font-family:var(--display);font-size:20px;font-weight:700;text-align:center;margin-bottom:6px}.email-login-subtitle{font-size:14px;color:var(--ink-soft);text-align:center;margin-bottom:20px}.email-login-step{display:none}.email-login-step.active{display:block;animation:emailLoginFadeIn .3s ease}.email-login-success{display:none;text-align:center;padding:20px 0}.email-login-success.active{display:block;animation:emailLoginFadeIn .4s ease}.email-login-success-check{width:64px;height:64px;background:var(--teal);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-size:32px;margin-bottom:16px;animation:emailLoginPopIn .4s ease}.email-login-success-msg{font-size:18px;font-weight:700;margin-bottom:6px}.email-login-success-email{font-size:14px;color:var(--ink-soft);direction:ltr}.email-pill{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:8px 16px;margin-bottom:16px;direction:ltr;cursor:pointer;transition:background .2s}.email-pill:hover{background:var(--sun-tint)}.email-pill-text{font-size:14px;font-weight:500}.email-pill-edit{font-size:14px;color:var(--sun-deep)}.email-login-action{width:100%;padding:14px;border:none;border-radius:999px;font-family:var(--display);font-size:16px;font-weight:700;cursor:pointer;margin-top:12px;transition:box-shadow .2s, opacity .2s, transform .15s}.email-login-action.enabled{background:linear-gradient(160deg, #FFCB4F, var(--sun));color:#4A2E00;box-shadow:0 12px 26px -10px rgba(245,147,0,0.65)}.email-login-action.enabled:active{transform:scale(0.98)}.email-login-action.disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}.email-login-forget{color:var(--sun-deep);text-decoration:underline;font-size:13px}.modal-google-btn{width:100%;padding:12px 14px;margin-top:4px;background:var(--white);border:1px solid var(--line);border-radius:999px;font-family:var(--body);font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:border-color .15s, background .15s}.modal-google-btn img{width:18px;height:18px}.modal-google-btn:hover{border-color:var(--sun);background:var(--cream)}.modal-or-divider{display:flex;align-items:center;margin:14px 0 6px;color:var(--ink-soft);font-size:12px;font-weight:500}.modal-or-divider::before,.modal-or-divider::after{content:'';flex:1;height:1px;background:var(--line)}.modal-or-divider span{padding:0 10px}.email-login-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,0.3);border-top-color:var(--white);border-radius:50%;animation:emailLoginSpin .6s linear infinite;vertical-align:middle;margin-left:6px}.inputWrapper{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px 6px;position:relative}.inputWrapper.error{border-color:#D94848}.inputWrapper.error .inputLabel,.inputWrapper.error .inputText{color:#D94848}.inputWrapper .inputLabel{font-size:.85rem;color:var(--ink-soft);display:inline-block;width:100%}.inputWrapper .inputText{background:var(--white);border:none;padding:4px 0 0;width:100%;font-family:var(--body);font-size:1rem;color:var(--ink);appearance:none;direction:rtl}.inputWrapper .inputText:focus{outline:none}.inputWrapper .password{position:absolute;left:15px;top:26px;width:24px;height:20px;background-size:100%;background-repeat:no-repeat}.inputWrapper .password.show{background-image:url(https://noory-html-public-eu-central.s3.eu-central-1.amazonaws.com/packages/0_2/images/icons/passwordView.svg)}.inputWrapper .password.hide{background-image:url(https://noory-html-public-eu-central.s3.eu-central-1.amazonaws.com/packages/0_2/images/icons/passwordUnView.svg)}.inlineMessage{margin:6px 6px 0;font-size:.85rem;min-height:1em}.inlineMessage.error{color:#D94848}@keyframes emailLoginSpin{to{transform:rotate(360deg)}}@keyframes emailLoginFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes emailLoginPopIn{0%{transform:scale(0)}70%{transform:scale(1.15)}100%{transform:scale(1)}}@media (min-width: 768px){.email-login-dialog[open]{display:flex;align-items:center;justify-content:center;padding:16px}.email-login-modal{position:relative;bottom:auto;left:auto;right:auto;border-radius:var(--r-lg);max-width:440px;width:100%;padding:32px 28px;max-height:85vh;transform:translateY(30px) scale(0.95);transition:transform .3s ease}.open .email-login-modal{transform:translateY(0) scale(1)}.email-login-handle{display:none}}