.login-modal.svelte-16g3u23{position:fixed;inset:50% auto auto 50%;width:min(440px,calc(100vw - 32px));max-width:none;height:auto;max-height:calc(100dvh - 32px);margin:0;padding:0;overflow:visible;border:0;background:transparent;color:#fffbde;translate:-50% -50%}.login-modal.svelte-16g3u23::backdrop{background:#0c0f16b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}.login-modal[data-phase=open].svelte-16g3u23::backdrop{opacity:1}.login-surface.svelte-16g3u23{position:relative;width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid rgb(255 255 255 / .09);border-radius:22px;background:#545a69;box-shadow:0 28px 80px #0000007a;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.78,.2,1);overscroll-behavior:contain}.login-modal[data-phase=open].svelte-16g3u23 .login-surface:where(.svelte-16g3u23){opacity:1;transform:translateY(0) scale(1)}.login-modal[data-phase=closing].svelte-16g3u23 .login-surface:where(.svelte-16g3u23){opacity:0;transform:translateY(8px) scale(.985);transition-duration:.16s}.modal-close.svelte-16g3u23{position:absolute;z-index:3;top:14px;right:14px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgb(255 255 255 / .18);border-radius:999px;background:#20242cd1;color:#fff;font-size:2rem;line-height:1;box-shadow:0 5px 18px #00000038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .16s ease,transform .16s ease}.modal-close.svelte-16g3u23:hover{background:#3d424e;transform:scale(1.05)}.modal-close.svelte-16g3u23:active{transform:scale(.95)}.login-content.svelte-16g3u23{padding:76px 34px 36px}.step-content.svelte-16g3u23{display:grid;gap:14px}.step-content.centered.svelte-16g3u23{justify-items:center;text-align:center}h2.svelte-16g3u23{margin:0;padding-right:42px;font-size:1.75rem;font-weight:700;line-height:1.15}.centered.svelte-16g3u23 h2:where(.svelte-16g3u23){padding-inline:32px}.intro.svelte-16g3u23{margin:0 0 4px;color:#ffffff9e;font-size:.98rem;line-height:1.5}form.svelte-16g3u23{display:grid;gap:12px}input.svelte-16g3u23{min-height:48px;padding:11px 13px;font-size:1rem}.primary-button.svelte-16g3u23{display:flex;min-height:48px;width:100%;align-items:center;justify-content:center;gap:10px;border-radius:9px;background:#5471a8;padding:10px 18px;font-size:1rem;font-weight:600;transition:background-color .18s ease,transform .18s ease,opacity .18s ease}.primary-button.svelte-16g3u23:hover:not(:disabled){background:#70a5d8;transform:translateY(-1px)}.primary-button.svelte-16g3u23:active:not(:disabled){transform:scale(.98)}.primary-button.svelte-16g3u23:disabled{opacity:.6}.account-email.svelte-16g3u23{margin:0;border-radius:8px;background:#3d424e;padding:9px 14px;color:#fffc;overflow-wrap:anywhere}.otp.svelte-16g3u23{display:flex;width:100%;justify-content:center;gap:clamp(5px,1.7vw,8px);margin-block:6px}.otp.svelte-16g3u23 div:where(.svelte-16g3u23){display:grid;width:clamp(38px,11vw,48px);height:62px;place-items:center;border-radius:9px;background:#2d3138;font-size:2rem;font-weight:600}.remaining-time.svelte-16g3u23{margin:0;font-size:1.05rem;font-weight:600}.waiting.svelte-16g3u23{margin:-4px 0 2px;color:#ffffff9e;font-size:.9rem}.expired-title.svelte-16g3u23{color:#ff7373}@media (max-width: 700px){.login-modal.svelte-16g3u23{top:0;left:0;width:100vw;height:100dvh;max-height:none;margin:0;translate:none}.login-surface.svelte-16g3u23{display:flex;min-height:100%;max-height:none;border:0;border-radius:0;transform:translateY(20px)}.login-modal[data-phase=open].svelte-16g3u23 .login-surface:where(.svelte-16g3u23){transform:translateY(0)}.login-modal[data-phase=closing].svelte-16g3u23 .login-surface:where(.svelte-16g3u23){transform:translateY(14px)}.modal-close.svelte-16g3u23{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:50px;height:50px}.login-content.svelte-16g3u23{width:100%;margin-block:auto;padding:max(82px,calc(env(safe-area-inset-top) + 70px)) max(24px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}}@media (prefers-reduced-motion: reduce){.login-modal.svelte-16g3u23::backdrop,.login-surface.svelte-16g3u23,.modal-close.svelte-16g3u23,.primary-button.svelte-16g3u23{transition-duration:1ms!important}.login-surface.svelte-16g3u23,.login-modal[data-phase=open].svelte-16g3u23 .login-surface:where(.svelte-16g3u23),.login-modal[data-phase=closing].svelte-16g3u23 .login-surface:where(.svelte-16g3u23){transform:none}}
