/* Single-card pages outside the app: welcome, forgot password, reset.
   They used login.css's old two-column layout, which the 15-oct login
   redesign replaced — leaving these three unstyled (found 18-oct). */
body.auth { background: #E9EDEB; min-height: 100vh; }
.auth-wrap { display: flex; justify-content: center; padding: 6vh 16px 40px; }
.auth-card { width: min(520px, 100%); background: #fff; border-radius: 20px; padding: 34px 36px 28px;
  box-shadow: 0 30px 80px rgba(19, 37, 27, .12), 0 2px 6px rgba(19, 37, 27, .05); display: flex; flex-direction: column; gap: 14px; }
.auth-card .brand-logo { width: 170px; height: auto; display: block; margin-bottom: 6px; }
.auth-card h1 { font-size: 24px; letter-spacing: -.02em; font-weight: 700; color: #111814; }
.auth-card .lede { color: var(--ink-soft); font-size: 14.5px; line-height: 1.5; }
.auth-card form { display: flex; flex-direction: column; gap: 12px; }
.auth-card label { display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--ink); }
.auth-card input { font: inherit; font-weight: 400; font-size: 14.5px; padding: 11px 13px; border: 1.5px solid var(--line); border-radius: 10px; width: 100%; }
.auth-card input:focus { outline: none; border-color: #087443; box-shadow: 0 0 0 3px rgba(8, 116, 67, .1); }
.auth-card .act.block { width: 100%; justify-content: center; padding: 11px; font-size: 15px; font-weight: 600; }
.auth-card .invitebox { background: #F3F8F5; border: 1px solid #D4E8DC; border-radius: 12px; padding: 13px 15px; }
.auth-card .invitebox .k { font-weight: 700; font-size: 14.5px; color: #11201A; margin-bottom: 4px; }
.auth-card .invitebox .sub { font-size: 13.5px; color: var(--ink-soft); line-height: 1.5; }
.auth-card .alt { text-align: center; font-size: 13.5px; color: var(--ink-soft); }
.auth-card .alt a { color: #087443; font-weight: 600; }
.auth-card .hidden { display: none !important; }
.auth-card .hint { font-size: 12.5px; color: var(--ink-soft); font-weight: 400; }