/* ==========================================================================
   Sign-in page — layered on top of styles.css's tokens/buttons/fields, so
   this file only adds what's specific to this one page.
   ========================================================================== */

body.signin-body {
  padding-bottom: 0; /* no sticky mobile CTA bar on this page */
  background: var(--bg-alt);
  min-height: 100vh;
}

.signin-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px var(--gutter);
}

.signin-card {
  width: 100%;
  max-width: 400px;
}

.signin-brand {
  justify-content: center;
  margin-bottom: 18px;
}

.signin-card h1 {
  font-size: 1.375rem;
  text-align: center;
}

.signin-sub {
  color: var(--ink-2);
  font-size: 0.9375rem;
  text-align: center;
  margin: 0 0 20px;
}

#signin-error:empty { display: none; }
#signin-error {
  text-align: center;
  margin-bottom: 16px;
}

.signin-providers {
  display: grid;
  gap: 10px;
  margin-bottom: 4px;
}
.signin-provider {
  justify-content: flex-start;
  gap: 12px;
  padding-left: 18px;
}
.signin-provider svg { flex: none; }