/* Auth layout only: the wordmark strip is unique to login/register. */
.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover) {
  background-color: #f4f3f0 !important;
  justify-content: center;
  padding: 2.5rem 1rem 5rem;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover) .mt-6.h-10.w-full.bg-cover {
  width: min(22rem, 100%);
  max-width: 22rem;
  height: auto !important;
  margin: 0 auto 0.25rem !important;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover) .mt-6.h-10.w-full.bg-cover img {
  display: block;
  height: 2.35rem;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover) .mt-6.h-10.w-full.bg-cover::after {
  content: "CRUCIBLE";
  display: block;
  margin-top: 0.85rem;
  text-align: center;
  font: 600 0.68rem/1 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: 0.32em;
  color: #8a8884;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover)
  main.flex.flex-grow.items-center.justify-center {
  flex-grow: 0 !important;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover) h1.mb-4.text-center.text-3xl {
  display: none !important;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover)
  .w-authPageWidth.overflow-hidden.bg-white {
  background: transparent !important;
  padding-top: 1.25rem !important;
  padding-bottom: 0 !important;
  box-shadow: none;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover)
  .absolute.bottom-0.left-0 {
  display: none !important;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover)
  a[data-testid="openid"] {
  justify-content: center;
  background: #fff !important;
  color: #1c1c1c !important;
  border: 1px solid #d6d3cd !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover)
  a[data-testid="openid"] p {
  color: #1c1c1c !important;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover)
  .align-end.m-4.flex.justify-center {
  position: absolute;
  bottom: 1.25rem;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.relative.flex.min-h-screen.flex-col.bg-white:has(.mt-6.h-10.w-full.bg-cover)
  .align-end.m-4.flex.justify-center a {
  color: #9c9a95 !important;
  text-decoration: none !important;
}