.login-page.svelte-1x05zx6{--white:#fff;--accent-d:#10396b;--soft:#9da39c;--gold:#e0a020;--muted:#6e756e;color:var(--text);background:var(--bg);min-height:100dvh;padding:20px;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:flex-start;display:flex}.login-wrap.svelte-1x05zx6{flex-direction:column;width:100%;max-width:400px;display:flex}.hero-tiles.svelte-1x05zx6{grid-template-columns:repeat(2,72px);justify-content:center;gap:14px;margin:18px auto 28px;display:grid}.hero-tiles.svelte-1x05zx6 .fd-ico:where(.svelte-1x05zx6){border-radius:22px;width:72px;height:72px}.hero-tiles.svelte-1x05zx6 .fd-ico:where(.svelte-1x05zx6) svg:where(.svelte-1x05zx6){width:32px;height:32px}.hero-tiles.svelte-1x05zx6 .fd-ico:where(.svelte-1x05zx6):first-child{transform:rotate(-3deg)}.hero-tiles.svelte-1x05zx6 .fd-ico:where(.svelte-1x05zx6):nth-child(2){transform:rotate(2deg)}.hero-tiles.svelte-1x05zx6 .fd-ico:where(.svelte-1x05zx6):nth-child(3){transform:rotate(2.5deg)}.hero-tiles.svelte-1x05zx6 .fd-ico:where(.svelte-1x05zx6):nth-child(4){transform:rotate(-2deg)}.welcome.svelte-1x05zx6{text-align:center;margin-bottom:26px}.welcome.svelte-1x05zx6 .app-name:where(.svelte-1x05zx6){letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.72rem;font-weight:800}.welcome.svelte-1x05zx6 h1:where(.svelte-1x05zx6){letter-spacing:-.03em;font-size:2.2rem;font-weight:800;line-height:1.12}.welcome.svelte-1x05zx6 p:where(.svelte-1x05zx6){color:var(--muted);margin-top:10px;font-size:.9rem;font-weight:600}.lf.svelte-1x05zx6{margin-bottom:12px;position:relative}.lf.svelte-1x05zx6 .lf-icon:where(.svelte-1x05zx6){color:var(--soft);display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.lf.svelte-1x05zx6 input:where(.svelte-1x05zx6){width:100%;height:var(--h-field);background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-field);color:var(--text);appearance:none;outline:none;padding:0 16px 0 48px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;transition:border-color .2s,box-shadow .2s}.lf.svelte-1x05zx6 input:where(.svelte-1x05zx6)::placeholder{color:var(--soft);font-weight:500}.lf.svelte-1x05zx6 input:where(.svelte-1x05zx6):focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-l)}.lf.pin.svelte-1x05zx6 input:where(.svelte-1x05zx6){letter-spacing:.5em;text-align:left;font-weight:700}.signin-btn.svelte-1x05zx6{margin-top:8px}.signin-btn.svelte-1x05zx6:disabled{opacity:.55;cursor:default}.keypad-toggle.svelte-1x05zx6{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:700;display:flex}.keypad-toggle.svelte-1x05zx6 svg:where(.svelte-1x05zx6){width:15px;height:15px;transition:transform .2s}.keypad-toggle.open.svelte-1x05zx6 svg:where(.svelte-1x05zx6){transform:rotate(180deg)}.numpad.svelte-1x05zx6{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:none}.numpad.open.svelte-1x05zx6{display:grid}.key.svelte-1x05zx6{background:var(--white);border:1px solid var(--border);height:56px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:700;transition:all .12s;display:flex}.key.svelte-1x05zx6:active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:none;transform:scale(.95)}.key.action.svelte-1x05zx6{box-shadow:none;color:var(--soft);background:0 0;border:none}.key.action.svelte-1x05zx6:active{color:var(--accent);background:0 0;transform:scale(.9)}.key.blank.svelte-1x05zx6{box-shadow:none;cursor:default;background:0 0;border:none}.error-msg.svelte-1x05zx6{color:var(--red);text-align:center;min-height:20px;margin-top:14px;font-size:.8rem;font-weight:600}.helper.svelte-1x05zx6{color:var(--muted);text-align:center;margin-top:8px;font-size:.76rem;line-height:1.55}@keyframes svelte-1x05zx6-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake.svelte-1x05zx6{animation:.32s svelte-1x05zx6-shake}