/**
 * -----------------------------------------------------------------------------
 * 369-OFFICE auth.css
 * -----------------------------------------------------------------------------
 * VERSION: v1.0.0
 * LAST UPDATED: 2026-02-21
 * VERSION HISTORY:
 * [v1.0.0] - Extract auth layout styles from view. [2026-02-21]
 * -----------------------------------------------------------------------------
 */
body { font-family: 'Inter', 'Segoe UI', sans-serif; }
.auth-page {
  min-height: 100vh;
  background: #121212;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
}
.auth-shell {
  width: min(480px, 92vw);
}
.auth-card {
  background: #1c1c1c;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.55);
  color: #e5e7eb;
}
.auth-card .card-body {
  padding: 28px 30px;
}
.auth-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-weight: 700;
}
.auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #9ca3af;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 18px 0 12px;
}
.auth-divider::before,
.auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,0.12);
}
.btn-google {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 700;
}
.auth-footnote {
  color: #9ca3af;
}
.auth-link {
  color: #e5e7eb;
}