/* Login, registration, connect and consent pages: one card on the prototype's tokens (app.css). */
body{margin:0;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:max(28px,env(safe-area-inset-top)) 16px 40px}
.card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}
.card.wide{max-width:560px}
.card h1{margin:0;font-size:22px}
.card h2{margin:10px 0 0;font-family:var(--f-display);font-weight:500;font-size:15px}
.card p{margin:0}
.lead{color:var(--ink);font-size:15px;line-height:1.5}
.stack{display:flex;flex-direction:column;gap:12px}
.card input[type=password]{font:inherit;font-size:16px;color:var(--ink);background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:9px 11px;width:100%}
.card input[type=text]{background:var(--raised)}
.err{color:var(--late);font-size:14px}
.row-btns{display:flex;gap:10px;justify-content:flex-end}
.steps,.examples{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5}
.mcp-url{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px dashed var(--line);border-radius:12px;padding:12px;background:var(--raised)}
.mcp-url .muted{width:100%}
.mcp-url code{font-family:var(--f-num);font-size:14px;word-break:break-all;flex:1 1 200px}