/* The sign-in screen, as AC Call Tracker's: all black, white wordmark, mint labels and button. */
body.signin-page { background: var(--ink); color: var(--paper); min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; justify-content: center; }
.signin { width: 100%; max-width: 420px; padding: 24px; }
.signin .logo { display: block; width: 132px; margin-bottom: 34px; }
.signin h1 { font-size: 34px; line-height: 1.05; margin-bottom: 10px; }
.signin .lede { color: #bebebe; font-size: 15px; margin: 0 0 26px; }
.signin form { display: grid; gap: 16px; }
.signin label { display: grid; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mint); }
.signin input { width: 100%; padding: 15px 16px; border-radius: 12px; border: 1px solid #333; background: #151515; color: var(--paper);
  font-size: 16px; font-weight: 400; letter-spacing: normal; text-transform: none; }
.signin input:focus { outline: 2px solid var(--mint); border-color: transparent; }
.signin .err { color: var(--pink); font-weight: 700; }
.signin .primary { background: var(--mint); color: var(--ink); border: 0; border-radius: 12px; padding: 15px 18px; font-weight: 700; font-size: 16px; width: 100%; margin-top: 4px; }
.signin .primary:active { transform: translateY(1px); }
.signin .foot { color: #bebebe; font-size: 14px; margin-top: 20px; }