.app-login-page{min-block-size:100dvh;align-items:center;justify-content:center;gap:var(--s-300);padding:var(--s-600) var(--s-200);background:var(--c-ground)}.app-login-col,.app-login-page{display:flex;flex-direction:column}.app-login-col{inline-size:100%;max-inline-size:400px;gap:var(--s-200)}.app-login-brand{display:flex;align-items:center;gap:var(--s-75);font-size:16px;font-weight:700}.app-login-head h1{font-size:20px;line-height:28px;font-weight:600;text-wrap:balance}.app-login-head p{margin-block-start:var(--s-50);font-size:13px;color:var(--c-ink-soft);text-wrap:pretty}.app-login-form{display:flex;flex-direction:column;gap:var(--s-200);margin-block-start:var(--s-300)}.app-login-sentto{font-size:13px;color:var(--c-ink-2);margin-block-end:var(--s-50)}.app-login-code{text-align:center;font-size:20px;font-weight:600;letter-spacing:.35em;text-indent:.35em}.app-login-quiet{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-200);font-size:13px}.app-login-textbtn{background:none;border:0;padding:0;font:inherit;color:var(--c-accent-ink);font-weight:500;cursor:pointer;transition:color var(--t-fast) var(--ease)}.app-login-textbtn:hover:not(:disabled){color:var(--c-accent-ink-deep);text-decoration:underline;text-underline-offset:2px}.app-login-textbtn:disabled{opacity:.5;cursor:not-allowed}.app-login-textbtn[data-quiet=true]{color:var(--c-ink-soft)}.app-login-textbtn[data-quiet=true]:hover:not(:disabled){color:var(--c-ink-2)}.app-login-dev{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-50);padding:var(--s-200);border:1px dashed var(--c-line-strong);border-radius:var(--r-lg)}.app-login-dev b{font-weight:600}.app-login-dev b,.app-login-dev p{font-size:12px;color:var(--c-ink-soft)}.app-login-dev p{text-wrap:pretty}.app-login-foot{font-size:13px;color:var(--c-ink-soft);align-self:flex-start}.app-login-foot:hover{color:var(--c-ink-2)}