/* Background gradient + base text */
body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: linear-gradient(135deg, #003366, #0066cc);
  color: #fff;
}

/* Center content with breathing room */
.container {
  max-width: 980px;            /* controls overall line-length */
  padding: 48px 16px;          /* space from viewport edges */
}

/* Compact, pill-like cards with glass look */
.glass-card {
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;         /* pill feel; increase to 20–24px if you want more */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Elevation & spacing like your mock */
.card-elevated {
  box-shadow: 0 20px 40px rgba(0,0,0,0.35);
  margin-left: auto;
  margin-right: auto;
}

/* Keep cards narrow on wide screens to match the second screenshot */
@media (min-width: 992px) {
  .col-lg-6 { max-width: 680px; }  /* hard cap width of each card */
}

/* Accent link color preserved */
.accent-link,
a {
  color: #ffcc00;
  text-decoration: none;
  font-weight: 700;
}
.accent-link:hover,
a:hover { text-decoration: underline; }

/* Monospace info block */
#client-info {
  text-align: left;
  font-family: ui-monospace, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95rem;
  white-space: pre-wrap;
  color: #f8f9fa;
}

/* Slight heading tightening */
.card .display-6 { letter-spacing: -0.2px; }