.lg-page{min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));background:var(--paper);align-content:center;place-items:center;gap:18px;display:grid;overflow:auto}.lg-card{background:var(--surface);border:.5px solid var(--line);border-radius:15px;width:100%;max-width:380px;padding:32px 28px 28px;box-shadow:0 1px 2px #1418280a,0 12px 32px #1418280f}.lg-brand{align-items:center;gap:10px;margin-bottom:26px;display:flex}.lg-logo{border-radius:10px;width:40px;height:40px;display:block}.lg-wm{width:auto;height:26px;display:block}.lg-d{display:none}.lg-card h1{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:20px;font-weight:600}.lg-sub{color:var(--muted);margin:6px 0 22px;font-size:13px}.lg-form{gap:14px;display:grid}.lg-form .f input{min-height:40px}.lg-form .f input:focus{background-color:var(--in-bg-a);border-width:1px;outline:0}.lg-form .f input:hover{background-color:var(--in-bg-h)}.lg-form .f input::placeholder{color:var(--in-ph)}.lg-pw{position:relative}.lg-pw input{padding-right:42px}.lg-eye{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.lg-eye:hover{color:var(--ink)}.lg-eye svg{width:18px;height:18px}.lg-err{color:var(--danger);margin:-2px 0 0;font-size:12.5px}.lg-btn{color:#fff;cursor:pointer;background:#2b3bfe;border:0;border-radius:7px;height:40px;margin-top:6px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.lg-btn:hover{background:#1f2ef0}.lg-btn:active{transform:scale(.99)}.lg-btn:disabled{opacity:.7;cursor:progress}.lg-foot{color:var(--muted);margin:0;font-size:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lg-l{display:none}:root:not([data-theme=light]) .lg-d{display:block}:root:not([data-theme=light]) .lg-wm{filter:brightness(0)invert()}:root:not([data-theme=light]) .lg-btn{background:var(--accent)}}@media (max-width:480px){.lg-card{padding:26px 20px 22px}}