/* mindRx sign-in card — shared by /investor-portal/, /qa/ (and any static page with auth).
   Zinc neutrals, one blue accent, 10px radii, hairline borders, light + dark.
   The React issuer app (captable-web-issuer) mirrors these values in signin-card.tsx. */
:root{
  --mrx-bg:#fafafa;--mrx-card:#ffffff;--mrx-fg:#18181b;--mrx-muted:#71717a;--mrx-line:#e4e4e7;--mrx-line-strong:#d4d4d8;
  --mrx-hover:#f4f4f5;--mrx-accent:#60a5fa;--mrx-accent-hover:#93c5fd;--mrx-accent-fg:#0b2a45;--mrx-err:#b91c1c;--mrx-ok:#15803d;
  --mrx-err-bg:#fef2f2;--mrx-ok-bg:#f0fdf4;--mrx-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px -16px rgba(0,0,0,.18);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --mrx-bg:#09090b;--mrx-card:#18181b;--mrx-fg:#fafafa;--mrx-muted:#a1a1aa;--mrx-line:#27272a;--mrx-line-strong:#3f3f46;
  --mrx-hover:#27272a;--mrx-accent:#60a5fa;--mrx-accent-hover:#93c5fd;--mrx-err:#fca5a5;--mrx-ok:#86efac;--mrx-err-bg:#2a1215;--mrx-ok-bg:#0f2a1a;
  --mrx-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -16px rgba(0,0,0,.8);
}}
:root[data-theme="dark"]{
  --mrx-bg:#09090b;--mrx-card:#18181b;--mrx-fg:#fafafa;--mrx-muted:#a1a1aa;--mrx-line:#27272a;--mrx-line-strong:#3f3f46;
  --mrx-hover:#27272a;--mrx-accent:#60a5fa;--mrx-accent-hover:#93c5fd;--mrx-err:#fca5a5;--mrx-ok:#86efac;--mrx-err-bg:#2a1215;--mrx-ok-bg:#0f2a1a;
  --mrx-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -16px rgba(0,0,0,.8);
}
.mrx-si,.mrx-si *{box-sizing:border-box;}
.mrx-si{width:100%;max-width:400px;margin:0 auto;padding:32px;border:1px solid var(--mrx-line);border-radius:14px;background:var(--mrx-card);
  color:var(--mrx-fg);box-shadow:var(--mrx-shadow);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;}
.mrx-si-logo{display:flex;justify-content:center;margin-bottom:10px;}
/* only the outer lockup: the capsule mark is a nested <svg> positioned by x/y inside it */
.mrx-si-logo > svg,.mrx-si-logo-link > svg{height:84px;width:auto;max-width:100%;color:var(--mrx-fg);}
/* the lockup is a link home */
.mrx-si-logo-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;line-height:0;border-radius:6px;}
.mrx-si-logo-link:focus-visible{outline:2px solid var(--mrx-accent,#2563eb);outline-offset:3px;}
.mrx-si-tag{margin:0 0 20px;text-align:center;font-size:13px;color:var(--mrx-muted);}
.mrx-si-h{margin:0 0 6px;font-size:16px;font-weight:600;letter-spacing:-.2px;}
.mrx-si-p{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--mrx-muted);}
.mrx-si-msg{display:none;margin:0 0 12px;padding:9px 11px;border-radius:10px;font-size:13px;line-height:1.45;border:1px solid transparent;}
.mrx-si-msg.err{display:block;color:var(--mrx-err);background:var(--mrx-err-bg);border-color:color-mix(in srgb,var(--mrx-err) 25%,transparent);}
.mrx-si-msg.ok{display:block;color:var(--mrx-ok);background:var(--mrx-ok-bg);border-color:color-mix(in srgb,var(--mrx-ok) 25%,transparent);}
.mrx-si-msg a{color:inherit;font-weight:600;}
.mrx-si-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:10px;
  font:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s;}
.mrx-si-btn svg{width:16px;height:16px;flex:none;}
.mrx-si-btn[disabled]{opacity:.6;cursor:default;}
.mrx-si-primary{background:var(--mrx-accent);color:var(--mrx-accent-fg);}
.mrx-si-primary:hover:not([disabled]){background:var(--mrx-accent-hover);}
.mrx-si-primary:focus-visible,.mrx-si-secondary:focus-visible{outline:2px solid var(--mrx-accent);outline-offset:2px;}
.mrx-si-secondary{margin-top:8px;background:var(--mrx-card);color:var(--mrx-fg);border-color:var(--mrx-line-strong);}
.mrx-si-secondary:hover:not([disabled]){background:var(--mrx-hover);}
.mrx-si-hint{margin:8px 0 0;text-align:center;font-size:12px;color:var(--mrx-muted);}
.mrx-si-consent{display:flex;gap:10px;align-items:flex-start;width:100%;margin:14px 0 0;padding:0;border:0;background:none;text-align:left;
  font:inherit;font-size:12.5px;line-height:1.5;color:var(--mrx-muted);cursor:pointer;}
.mrx-si-consent a{color:var(--mrx-accent);font-weight:600;text-decoration:none;}
.mrx-si-check{width:18px;height:18px;flex:none;margin-top:1px;border-radius:5px;border:1px solid var(--mrx-line-strong);background:var(--mrx-card);
  display:grid;place-items:center;color:var(--mrx-accent-fg);transition:background .12s,border-color .12s;}
.mrx-si-check svg{width:12px;height:12px;opacity:0;}
.mrx-si-consent.on .mrx-si-check{background:var(--mrx-accent);border-color:var(--mrx-accent);}
.mrx-si-consent.on .mrx-si-check svg{opacity:1;}
.mrx-si-ssolbl{margin:22px 0 12px;text-align:center;font-size:12.5px;color:var(--mrx-muted);}
.mrx-si-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.mrx-si-sso{height:54px;border:1px solid var(--mrx-line-strong);border-radius:10px;background:var(--mrx-card);display:grid;place-items:center;
  cursor:pointer;padding:0;transition:background .12s;}
.mrx-si-sso:hover{background:var(--mrx-hover);}
.mrx-si-sso.facebook{background:#1877F2;border-color:#1877F2;}
.mrx-si-sso.apple{background:#000;border-color:#000;}
.mrx-si-sso.facebook:hover,.mrx-si-sso.apple:hover{filter:brightness(1.08);}
.mrx-si-sso svg{width:22px;height:22px;}
.mrx-si-back{display:inline-block;margin-top:16px;font-size:12.5px;color:var(--mrx-muted);background:none;border:0;padding:0;cursor:pointer;font:inherit;}
.mrx-si-back:hover{color:var(--mrx-fg);}
.mrx-si-links{margin:14px 0 0;text-align:center;font-size:12.5px;color:var(--mrx-muted);}
.mrx-si-links a{color:var(--mrx-accent);font-weight:600;text-decoration:none;}
.mrx-si-foot{margin:18px 0 0;text-align:center;font-size:12.5px;color:var(--mrx-muted);}
.mrx-si-foot a{color:var(--mrx-accent);font-weight:600;text-decoration:none;}
.mrx-si-spin{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;
  animation:mrx-spin .7s linear infinite;vertical-align:-2px;}
@keyframes mrx-spin{to{transform:rotate(360deg);}}
@media (max-width:420px){.mrx-si{padding:24px 20px;}}