/* 2026 system for sign-in / sign-up: paper ground, Archivo Title Case, Plex type, ink + volt buttons. */
:root { --paper: #f6f5f2; --ink: #090b0a; --line: #dcdad3; --muted: #5f6662; --faint: #8b918c; --volt: #c6ff3f; }
html, body { background: var(--paper) !important; }
body { font-family: 'IBM Plex Sans', system-ui, sans-serif !important; color: #16181b; }
h1, h2 { font-family: 'Archivo', 'Arial Black', system-ui, sans-serif !important; font-weight: 800 !important; font-style: normal !important;
  text-transform: none !important; letter-spacing: -.025em !important; color: var(--ink); }
label, .label, .kicker, .eyebrow, small { font-family: 'IBM Plex Mono', monospace; }
input, select, textarea { font-family: 'IBM Plex Sans', system-ui, sans-serif !important; border-radius: 0 !important; border-color: var(--line) !important; background: #fff !important; }
input:focus, select:focus, textarea:focus { border-color: var(--ink) !important; box-shadow: 0 0 0 3px rgba(198,255,63,.45) !important; outline: none !important; }
button[type="submit"], .btn, .button, .submit { background: var(--ink) !important; color: var(--volt) !important; border: 1px solid var(--ink) !important; border-radius: 0 !important;
  font-family: 'IBM Plex Mono', monospace !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
a { color: var(--ink); }

/* sign-up plan picker (3-day trial, monthly or yearly) */
.plan-pick { border: 1px solid var(--line); padding: 10px 14px 8px; margin: 6px 0 14px; background: #fff; }
.plan-pick legend { font: 600 11px 'IBM Plex Mono', monospace; letter-spacing: .12em; text-transform: uppercase; padding: 0 6px; color: var(--muted); }
.plan-pick .plan-opt { display: flex; gap: 10px; align-items: center; padding: 8px 0; margin: 0; cursor: pointer; font: 400 14px 'IBM Plex Sans', system-ui, sans-serif; color: #16181b; letter-spacing: 0; text-transform: none; }
.plan-pick .plan-opt input { width: 16px; height: 16px; margin: 0; flex: none; accent-color: var(--ink); box-shadow: none !important; }
.plan-pick .plan-opt em { margin-left: auto; font: 600 11px 'IBM Plex Mono', monospace; font-style: normal; background: var(--volt); color: var(--ink); padding: 2px 6px; }
.plan-pick .plan-note { font-size: 12px; color: var(--muted); line-height: 1.45; margin: 4px 0 2px; }