/* Shared by the public pages. The auth page keeps its own copy inline: it is
   the one page that must load with nothing else. No web fonts or third-party
   files anywhere on the site. */
:root{
  --ground:#f1f1f1; --surface:#ffffff; --ink:#27272e; --ink-2:#4a4a55;
  --muted:#8a8a93; --line:#ebebee;
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; min-height:100dvh; padding:32px 16px; background:var(--ground);
  font-family:var(--font); color:var(--ink);
  display:flex; align-items:center; justify-content:center;
}
.card{width:100%; max-width:560px; background:var(--surface); border-radius:14px; padding:32px}
.brand{
  font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted); margin:0 0 8px;
}
.brand a{color:inherit; text-decoration:none}
h1{font-size:26px; font-weight:800; letter-spacing:-.03em; line-height:1.2; margin:0 0 16px}
h2{font-size:17px; font-weight:700; margin:24px 0 8px}
p, li{font-size:15px; line-height:1.6; color:var(--ink-2)}
p{margin:0 0 16px}
ul{margin:0 0 16px; padding-left:20px}
a{color:var(--ink)}
.foot{
  margin:24px 0 0; padding-top:24px; border-top:1px solid var(--line);
  font-size:13px; line-height:1.6; color:var(--muted);
}
.foot a{color:var(--muted); margin-right:16px}
[hidden]{display:none !important}