.avin-login-box{--avin-font:inherit;--avin-font-size:14px;--avin-title-size:19px;--avin-primary:#4338ca;--avin-primary-end:#6d5cf5;--avin-button-text:#ffffff;--avin-bg:#ffffff;--avin-text:#1f2333;--avin-muted:#8b90a3;--avin-input-bg:#f9fafb;--avin-input-border:#e5e7eb;--avin-radius:20px;--avin-input-radius:12px;--avin-max-width:380px;--avin-shadow:0 1px 2px rgba(16, 24, 40, 0.06), 0 12px 32px -8px rgba(16, 24, 40, 0.18);--avin-bar-display:block;--avin-anim-fade:avin-login-fade-in 0.5s ease;--avin-anim-bar:avin-login-shimmer 3s linear infinite;--avin-icon-display:flex;--avin-icon-size:64px;--avin-icon-image-radius:0;max-width:var(--avin-max-width);margin:32px auto;padding:40px 32px 32px;background:var(--avin-bg);color:var(--avin-text);border-radius:var(--avin-radius);box-shadow:var(--avin-shadow);text-align:center;direction:rtl;font-family:var(--avin-font);font-size:var(--avin-font-size);line-height:1.7;position:relative;overflow:hidden;box-sizing:border-box;animation:var(--avin-anim-fade)}.avin-login-box[dir="ltr"]{direction:ltr}.avin-login-box[dir="rtl"]{direction:rtl}.avin-login-box *,.avin-login-box *::before,.avin-login-box *::after{box-sizing:border-box}.avin-login-box [hidden]{display:none!important}.avin-login-box::before{content:"";display:var(--avin-bar-display);position:absolute;top:0;right:0;left:0;height:6px;background:linear-gradient(90deg,var(--avin-primary),var(--avin-primary-end),var(--avin-primary));background-size:200% 100%;animation:var(--avin-anim-bar)}.avin-login-icon{width:var(--avin-icon-size);height:var(--avin-icon-size);margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--avin-primary),var(--avin-primary-end));color:var(--avin-button-text);display:var(--avin-icon-display);align-items:center;justify-content:center;box-shadow:0 8px 20px -6px var(--avin-primary)}.avin-login-icon svg{width:47%;height:47%}.avin-login-icon.has-image{display:var(--avin-icon-display);width:var(--avin-icon-size);height:auto;background:none;box-shadow:none;border-radius:0}.avin-login-icon .avin-login-icon-img{display:block;width:100%;height:auto;max-width:100%;margin:0;padding:0;border:0;border-radius:var(--avin-icon-image-radius);box-shadow:none}.avin-login-title{margin:0 0 4px;padding:0;font-family:inherit;font-size:var(--avin-title-size);font-weight:700;line-height:1.5;color:var(--avin-text)}.avin-login-subtitle{margin:0 0 24px;font-size:.93em;color:var(--avin-muted)}.avin-muted{margin:0 0 14px;color:var(--avin-muted);font-size:.93em}.avin-tabs{display:flex;gap:4px;margin:0 0 22px;padding:4px;background:var(--avin-input-bg);border:1px solid var(--avin-input-border);border-radius:var(--avin-input-radius)}.avin-login-box .avin-tab{flex:1;padding:9px 8px;border:none;border-radius:calc(var(--avin-input-radius) - 3px);background:#fff0;color:var(--avin-muted);font-family:inherit;font-size:.93em;cursor:pointer;transition:background 0.15s,color 0.15s}.avin-login-box .avin-tab.is-active{background:var(--avin-bg);color:var(--avin-primary);font-weight:700;box-shadow:0 1px 3px rgb(16 24 40 / .12)}.avin-form-row{margin-bottom:16px;text-align:start}.avin-form-row label{display:block;margin-bottom:6px;font-size:.86em;color:var(--avin-muted)}.avin-login-box .avin-input{display:block;width:100%;margin:0;padding:13px 16px;border:1.5px solid var(--avin-input-border);border-radius:var(--avin-input-radius);background:var(--avin-input-bg);color:var(--avin-text);font-family:inherit;font-size:1.14em;line-height:1.4;box-shadow:none;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s}.avin-login-box .avin-input:focus{outline:none;border-color:var(--avin-primary);background:var(--avin-bg);box-shadow:0 0 0 4px rgb(128 128 128 / .15);box-shadow:0 0 0 4px color-mix(in srgb,var(--avin-primary) 16%,transparent)}.avin-login-box .avin-input-digits{direction:ltr;text-align:center;letter-spacing:2px;font-variant-numeric:tabular-nums}.avin-login-box .avin-input-ltr{direction:ltr;text-align:left}.avin-login-box .avin-input-code{font-size:1.7em;letter-spacing:10px;font-weight:700;color:var(--avin-primary)}.avin-check{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:.93em;color:var(--avin-muted);text-align:start;cursor:pointer}.avin-check input{margin:0;accent-color:var(--avin-primary)}.avin-btn{display:inline-block;padding:10px 22px;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em}.avin-login-box .avin-btn-primary{width:100%;padding:13px;border-radius:var(--avin-input-radius);font-size:1.07em;font-weight:700;color:var(--avin-button-text);background:linear-gradient(135deg,var(--avin-primary),var(--avin-primary-end));box-shadow:0 6px 16px -6px var(--avin-primary);transition:transform 0.15s,box-shadow 0.15s}.avin-login-box .avin-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px -6px var(--avin-primary)}.avin-login-box .avin-btn-primary:disabled{opacity:.7;cursor:default}.avin-login-box .avin-btn-link{display:block;width:100%;margin:10px 0 0;padding:8px;background:#fff0;color:var(--avin-muted);font-size:.93em;box-shadow:none}.avin-login-box .avin-btn-link:hover{color:var(--avin-primary);background:#fff0}.avin-login-box .avin-btn:focus-visible,.avin-login-box .avin-tab:focus-visible{outline:3px solid var(--avin-primary);outline-offset:2px}.avin-login-box #avin-login-result{margin-top:16px}.avin-login-box #avin-login-result:empty{margin-top:0}.avin-login-box #avin-otp-verify-form{animation:var(--avin-anim-fade)}.avin-alert{padding:10px 14px;border-radius:8px;margin-bottom:0;font-size:.93em;text-align:start}.avin-alert-success{background:#ecfdf3;color:#067647}.avin-alert-error{background:#fef3f2;color:#b42318}@keyframes avin-login-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes avin-login-shimmer{0%{background-position:0% 0}100%{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.avin-login-box,.avin-login-box::before,.avin-login-box #avin-otp-verify-form{animation:none}}@media (max-width:480px){.avin-login-box{margin:16px;padding:32px 22px 26px}}