/* Page specific styling for login.html / register.html. */

body.auth-page {
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(62, 231, 255, 0.18), transparent 60%),
    radial-gradient(800px 500px at 85% 85%, rgba(157, 107, 255, 0.2), transparent 55%),
    linear-gradient(180deg, #05060f, #0a0d1f);
  background-attachment: fixed;
}

.auth-card .btn {
  width: 100%;
  margin-top: 6px;
}

.auth-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.auth-hint {
  margin-top: 16px;
  padding: 10px 12px;
  border: 1px dashed var(--line);
  border-radius: 10px;
  color: var(--muted);
  font-size: 0.82rem;
}

.auth-hint code {
  color: var(--cyan);
  font-family: var(--mono);
}