/* KinSSO. One card, centred, in the Hello Kindred palette. */
:root{
  --bg:#eff1f4; --surface:#fff; --text:#16202c; --muted:#4c5766;
  --heading:#09262d; --line:#e5e8ec;
  --accent:#cbff02; --accent-ink:#09262d;
  --good:#1d6b38; --good-bg:#e8f6ec; --good-line:#c6e6d0;
  --warn:#8f2d2d; --warn-bg:#fbecec; --warn-line:#eecccc;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;
  background:var(--bg);color:var(--text);
  font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:30px 32px;max-width:520px;width:100%}
.mark{margin:0 0 18px;display:inline-block;background:var(--accent);
  color:var(--accent-ink);font-weight:700;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;padding:4px 10px;border-radius:999px}
h1{margin:0 0 14px;font-size:1.4rem;color:var(--heading);letter-spacing:-.01em}
p{margin:0 0 12px}
.muted{color:var(--muted);font-size:.9rem}
.ok{background:var(--good-bg);border:1px solid var(--good-line);
  color:var(--good);padding:11px 14px;border-radius:8px}
.warn{background:var(--warn-bg);border:1px solid var(--warn-line);
  color:var(--warn);padding:11px 14px;border-radius:8px}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);
  border:1px solid var(--accent);border-radius:999px;padding:9px 16px;
  font-weight:650;text-decoration:none}
.foot{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);
  color:var(--muted);font-size:.78rem}