@keyframes nader-auth-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes nader-auth-spin{to{transform:rotate(360deg)}}.nader-auth-popup-form{max-width:420px;border-top:3px solid var(--nader-color-main)}.nader-auth-popup-form.active,.nader-auth-popup-form[data-step=identifier] .auth-brand-mark [data-icon=identifier],.nader-auth-popup-form[data-step=otp] .auth-brand-mark [data-icon=otp],.nader-auth-popup-form[data-step=password] .auth-brand-mark [data-icon=password],.nader-auth-popup-form[data-step=recovery] .auth-brand-mark [data-icon=recovery],.nader-auth-popup-form[data-step=register] .auth-brand-mark [data-icon=register]{display:block}.nader-auth-popup-form .popup-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 16px;background:var(--nader-color-white);border-bottom:1px solid var(--nader-color-white-gray)}.nader-auth-popup-form .auth-brand{display:flex;align-items:center;gap:12px;min-width:0}.nader-auth-popup-form .auth-brand-mark{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;color:var(--nader-color-main);background:rgba(var(--nader-color-main-rgb),.1);border:1px solid rgba(var(--nader-color-main-rgb),.25);border-radius:var(--nader-radius-s)}.nader-auth-popup-form .auth-brand-mark .auth-step-icon{display:none;width:20px;height:20px}.nader-auth-popup-form .auth-brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nader-auth-popup-form .auth-brand-text b{overflow:hidden;font-size:16px;line-height:1.6;color:var(--nader-color-dark);text-overflow:ellipsis;white-space:nowrap}.nader-auth-popup-form .auth-brand-text .auth-popup-subtitle{display:none;overflow:hidden;font-size:12px;line-height:1.7;color:var(--nader-color-dark-light)}.nader-auth-popup-form .auth-brand-text .auth-popup-subtitle:not(:empty){display:block}.nader-auth-popup-form .popup-box-closer{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:var(--nader-radius-s);transition:background .2s ease}.nader-auth-popup-form .popup-box-closer svg{fill:var(--nader-color-red);transition:fill .2s ease}.auth-content-wrapper{padding:20px}.auth-content-wrapper .auth-content{position:relative;min-height:120px}.auth-content-wrapper .auth-content.is-loading,.auth-content-wrapper .nader-auth-form.is-busy .input-field,.auth-content-wrapper .nader-auth-form.is-busy .otp-digit{pointer-events:none}.auth-content-wrapper .auth-form-before{margin:0 0 16px;padding:10px 12px;font-size:12.5px;line-height:1.9;color:var(--nader-color-dark-light);text-align:center;background:var(--nader-color-white-gray);border-radius:var(--nader-radius-s)}.auth-content-wrapper .auth-form-after{margin:16px 0 0;padding-top:16px;font-size:12px;line-height:1.9;color:var(--nader-color-dark-light);text-align:center;border-top:1px solid var(--nader-color-white-gray)}.auth-content-wrapper .global-loading-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.78);backdrop-filter:blur(2px);border-radius:var(--nader-radius-s)}.auth-content-wrapper .global-loading-overlay .spinner{width:32px;height:32px;border:3px solid rgba(var(--nader-color-main-rgb),.2);border-top-color:var(--nader-color-main);border-radius:50%;animation:nader-auth-spin .8s linear infinite}.nader-theme-dark .auth-content-wrapper .global-loading-overlay{background:rgba(34,34,34,.78)}.auth-content-wrapper .nader-auth-form{animation:nader-auth-fade-in .25s ease both}.auth-content-wrapper .auth-field{margin-bottom:14px}.auth-content-wrapper .auth-field-label{display:block;margin-bottom:6px;font-size:12.5px;font-weight:700;line-height:1.7;color:var(--nader-color-dark)}.auth-content-wrapper .auth-field-control{position:relative;display:flex;align-items:center}.auth-content-wrapper .auth-field-control .auth-field-icon{position:absolute;inset-inline-start:14px;display:flex;color:var(--nader-color-gray-dark);pointer-events:none;transition:color .2s ease}.auth-content-wrapper .auth-field-control .auth-field-icon svg,.auth-content-wrapper .auth-password-toggle svg,.auth-content-wrapper .change-auth-method svg{width:18px;height:18px}.auth-content-wrapper .auth-field-control .input-field{width:100%;height:48px;margin:0;padding:0 16px;padding-inline-start:42px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--nader-color-dark);text-align:start;background:var(--nader-color-white);border:1px solid var(--nader-color-gray);border-radius:var(--nader-radius-s);box-shadow:none;appearance:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-content-wrapper .auth-field-control .input-field::placeholder{color:var(--nader-color-gray-dark);opacity:.9}.auth-content-wrapper .auth-field-control .input-field:focus{outline:0;border-color:var(--nader-color-main);box-shadow:0 0 0 3px rgba(var(--nader-color-main-rgb),.12)}.auth-content-wrapper .auth-field-control .input-field.error{border-color:var(--nader-color-red);box-shadow:0 0 0 3px rgba(var(--nader-color-red-rgb),.1)}.auth-content-wrapper .auth-field-control .input-field:disabled,.auth-content-wrapper .auth-field-control .input-field:read-only{color:var(--nader-color-dark-light);background:var(--nader-color-white-gray);cursor:default}.auth-content-wrapper .auth-field-control .input-field.has-toggle{padding-inline-end:46px}.auth-content-wrapper .auth-field-control:focus-within .auth-field-icon{color:var(--nader-color-main)}.auth-content-wrapper .auth-password-toggle{position:absolute;inset-inline-end:8px;top:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--nader-color-dark-light);background:0 0;border:0;border-radius:var(--nader-radius-s);cursor:pointer;transform:translateY(-50%);transition:color .2s ease,background .2s ease}.auth-content-wrapper .auth-password-toggle .icon-eye-off,.auth-content-wrapper .auth-password-toggle.is-visible .icon-eye{display:none}.auth-content-wrapper .auth-password-toggle.is-visible{color:var(--nader-color-main)}.auth-content-wrapper .auth-password-toggle.is-visible .icon-eye-off{display:block}.auth-content-wrapper .auth-password-toggle:hover{color:var(--nader-color-main);background:var(--nader-color-white-gray)}.auth-content-wrapper .auth-password-toggle:focus-visible{outline:2px solid var(--nader-color-main);outline-offset:2px}.auth-content-wrapper .auth-step-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.auth-content-wrapper .change-auth-method{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;padding:0;color:var(--nader-color-dark);background:var(--nader-color-white-gray);border:0;border-radius:var(--nader-radius-s);cursor:pointer;transition:color .2s ease,background .2s ease}.rtl .auth-content-wrapper .change-auth-method svg{transform:rotate(180deg)}.auth-content-wrapper .change-auth-method:hover{color:#fff;background:var(--nader-color-main)}.auth-content-wrapper .change-auth-method:focus-visible{outline:2px solid var(--nader-color-main);outline-offset:2px}.auth-content-wrapper .auth-note,.auth-content-wrapper .auth-step-identifier{color:var(--nader-color-dark-light);background:var(--nader-color-white-gray);border-radius:var(--nader-radius-s)}.auth-content-wrapper .auth-step-identifier{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:7px 10px;font-size:12px;line-height:1.6;unicode-bidi:plaintext}.auth-content-wrapper .auth-step-identifier svg{flex:0 0 auto;width:14px;height:14px;color:var(--nader-color-green)}.auth-content-wrapper .auth-step-identifier,.auth-content-wrapper .auth-step-identifier>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-content-wrapper .auth-step-identifier.is-verified{color:var(--nader-color-green)}.auth-content-wrapper .auth-note{margin:0 0 16px;padding:10px 12px;font-size:12.5px;line-height:1.9;border-inline-start:3px solid var(--nader-color-main)}.auth-content-wrapper .form-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:6px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;color:#fff;background:var(--nader-color-main);border:0;border-radius:var(--nader-radius-s);cursor:pointer;transition:box-shadow .2s ease,filter .2s ease,transform .15s ease}.auth-content-wrapper .form-button:hover{filter:brightness(.95);box-shadow:0 8px 20px rgba(var(--nader-color-main-rgb),.28)}.auth-content-wrapper .form-button:active{transform:translateY(1px)}.auth-content-wrapper .form-button:focus-visible{outline:2px solid var(--nader-color-main);outline-offset:3px}.auth-content-wrapper .form-button.disabled,.auth-content-wrapper .form-button:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none;transform:none;pointer-events:none}.auth-content-wrapper .form-button.loading{color:transparent;pointer-events:none}.auth-content-wrapper .form-button.loading::after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:nader-auth-spin .7s linear infinite}.auth-content-wrapper .auth-otp{margin-bottom:18px}.auth-content-wrapper .otp-input-fields{direction:ltr;display:flex;gap:8px;justify-content:space-between}.auth-content-wrapper .otp-input-fields .otp-digit{width:100%;min-width:0;height:54px;padding:0;font-family:inherit;font-size:20px;font-weight:700;color:var(--nader-color-dark);text-align:center;background:var(--nader-color-white);border:1px solid var(--nader-color-gray);border-radius:var(--nader-radius-s);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-content-wrapper .otp-input-fields .otp-digit:focus{outline:0;border-color:var(--nader-color-main);box-shadow:0 0 0 3px rgba(var(--nader-color-main-rgb),.12)}.auth-content-wrapper .otp-input-fields .otp-digit.is-filled{background:rgba(var(--nader-color-main-rgb),.07);border-color:rgba(var(--nader-color-main-rgb),.35)}.auth-content-wrapper .auth-resend{margin:14px 0 0;text-align:center}.auth-content-wrapper .auth-resend .resend-otp{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;font-family:inherit;font-size:13px;font-weight:700;color:var(--nader-color-main);background:0 0;border:0;cursor:pointer;transition:color .2s ease,opacity .2s ease}.auth-content-wrapper .auth-resend .resend-otp .countdown{direction:ltr;font-variant-numeric:tabular-nums}.auth-content-wrapper .auth-resend .resend-otp:hover:not(:disabled):not(.disabled){color:var(--nader-color-dark)}.auth-content-wrapper .auth-resend .resend-otp.disabled,.auth-content-wrapper .auth-resend .resend-otp:disabled{color:var(--nader-color-dark-light);cursor:default;opacity:.85}.auth-content-wrapper .auth-resend .resend-otp.is-loading{opacity:.6}.auth-content-wrapper .auth-resend .resend-otp:focus-visible{outline:2px solid var(--nader-color-main);outline-offset:2px}.auth-content-wrapper .forgot-password-link{margin-top:14px;text-align:center}.auth-content-wrapper .forgot-password-link a{font-size:13px;color:var(--nader-color-dark-light);text-decoration:none;border-bottom:1px dashed transparent;transition:color .2s ease,border-color .2s ease}.auth-content-wrapper .forgot-password-link a:hover{color:var(--nader-color-main);border-color:currentColor}.auth-content-wrapper .forgot-password-link a:focus-visible{outline:2px solid var(--nader-color-main);outline-offset:2px}.auth-content-wrapper .auth-message{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px;font-size:12.5px;line-height:1.9;text-align:start;border:1px solid transparent;border-radius:var(--nader-radius-s);animation:nader-auth-fade-in .25s ease both}.auth-content-wrapper .auth-message>svg{flex:0 0 auto;width:18px;height:18px;margin-top:3px}.auth-content-wrapper .auth-message .auth-message-text{flex:1 1 auto;min-width:0}.auth-content-wrapper .auth-message.success{color:var(--nader-color-green);background:rgba(var(--nader-color-green-rgb),.1);border-color:rgba(var(--nader-color-green-rgb),.3)}.auth-content-wrapper .auth-message.error{color:var(--nader-color-red);background:rgba(var(--nader-color-red-rgb),.08);border-color:rgba(var(--nader-color-red-rgb),.28)}.auth-content-wrapper .auth-message.info{color:var(--nader-color-blue);background:rgba(var(--nader-color-blue-rgb),.08);border-color:rgba(var(--nader-color-blue-rgb),.28)}.auth-content-wrapper .error-message{display:block;margin-top:6px;font-size:12px;line-height:1.7;color:var(--nader-color-red)}.auth-content-wrapper .auth-result{padding:8px 0 4px;text-align:center;animation:nader-auth-fade-in .25s ease both}.auth-content-wrapper .auth-result .auth-result-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;color:var(--nader-color-green);background:rgba(var(--nader-color-green-rgb),.1);border-radius:50%}.auth-content-wrapper .auth-result .auth-result-icon svg{width:30px;height:30px}.auth-content-wrapper .auth-result h4{margin:0 0 8px;font-size:15px;line-height:1.7;color:var(--nader-color-dark)}.auth-content-wrapper .auth-result p{margin:0 0 20px;font-size:12.5px;line-height:1.9;color:var(--nader-color-dark-light)}.nader-direct-auth-container{width:100%;max-width:400px;margin:40px auto}@media (max-width:768px){.nader-direct-auth-container{margin:20px auto}}.nader-direct-auth-container .nav-brand{margin-bottom:20px}.nader-direct-auth-container .nav-brand a{display:inline-flex}.nader-direct-auth-container .nav-brand img{max-width:120px;height:auto}.nader-direct-auth-container .auth-direct-heading{margin-bottom:20px;text-align:center}.nader-direct-auth-container .auth-direct-heading b{display:block;font-size:17px;line-height:1.7;color:var(--nader-color-dark)}.nader-direct-auth-container .auth-direct-heading small{display:block;margin-top:4px;font-size:12px;line-height:1.7;color:var(--nader-color-dark-light)}.nader-direct-auth-container .auth-direct-heading small:empty{display:none}.nader-direct-auth-container .auth-content-wrapper{padding:0}@media (max-width:480px){.nader-auth-popup-form .popup-header{padding:16px 16px 14px}.nader-auth-popup-form .auth-brand-mark{width:38px;height:38px}.nader-auth-popup-form .auth-brand-text b{font-size:15px}.auth-content-wrapper{padding:16px}.auth-content-wrapper .auth-content{min-height:100px}.auth-content-wrapper .auth-field-control .input-field{height:46px;font-size:16px}.auth-content-wrapper .otp-input-fields .otp-digit{height:48px;font-size:18px}.auth-content-wrapper .form-button{min-height:46px}}