/* Welcome Page Styles */
html, body { height: 100%; }
body { margin: 0; background: #0b1020; }
.hero {
  min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(1200px 800px at 10% -10%, rgba(79,70,229,.10), rgba(124,58,237,.06) 40%, transparent 60%),
    radial-gradient(1000px 600px at 110% 10%, rgba(124,58,237,.10), rgba(79,70,229,.06) 40%, transparent 60%),
    linear-gradient(180deg, #0b1020, #0e1326);
  color: #e2e8f0;
  text-align: center;
  padding: 24px;
}
.brand-badge {
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.08);
  padding: 8px 12px; border-radius: 12px; backdrop-filter: blur(6px);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
  font-weight: 600; color: #fff;
}
.card {
  background: #111827; border: 1px solid rgba(148,163,184,.25);
  border-radius: 16px; box-shadow: 0 10px 30px rgba(2,6,23,.35);
  max-width: 720px; width: 100%; padding: 28px; margin-top: 18px;
}
.btn-brand { background: linear-gradient(135deg, #4f46e5, #7c3aed); border: none; }
.btn-brand:hover { filter: brightness(1.06); }
.muted { color: #94a3b8; }