.card {
  padding: 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
}

.alert {
  padding: 12px 14px;
  border-radius: 12px;
}

.alert-info {
  background: rgba(110,168,255,.18);
  border: 1px solid rgba(110,168,255,.35);
}
.page-hero { padding: 48px 0; }
.hero-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.stack { display: grid; gap: 18px; }
.cta { padding: 24px; text-align: center; }
.icon-list { list-style: none; padding: 0; }
.icon-list li { margin-bottom: 8px; }
.timeline { display: grid; gap: 14px; }
.progress { height: 10px; background: #ddd; border-radius: 6px; }
.progress-bar { height: 100%; background: #6ea8ff; border-radius: 6px; }
.badge { padding: 4px 8px; border-radius: 999px; background: #6ea8ff; color: #000; }