/*
 * Quiet Meridian — sign-in page
 *
 * Ownership: login composition only. Foundations, tokens, utility compatibility,
 * shared fields, buttons, states, themes, and motion live in headway.css.
 */

.login-page {
  position: relative;
  overflow: hidden;
  padding: 32px !important;
}

.login-page::before {
  position: fixed;
  top: -30vh;
  left: 50%;
  width: 1px;
  height: 160vh;
  content: "";
  background: var(--border);
  transform: rotate(18deg);
  transform-origin: center;
}

.login-page > .max-w-sm {
  position: relative;
  width: min(100%, 430px);
  max-width: 430px;
}

.login-page img[alt="Headway"] {
  width: 190px !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.login-page #loginForm { gap: 18px; }

.login-page #loginForm input {
  min-height: 50px;
  border: 0 !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.login-page #loginForm + * { border-top-color: var(--border-light); }

.login-page .bg-\[\#0f172a\].rounded-xl {
  padding: 30px !important;
  border: 1px solid var(--border) !important;
  border-radius: 2px 20px 2px 2px !important;
  background: var(--bg-card) !important;
  box-shadow: var(--shadow-card) !important;
}