body {
  margin:0;
  font-family: Arial, sans-serif;
  background:#f5f7fa;
}

header {
  background:#0b3d91;
  color:white;
  padding:1rem;
  text-align:center;
}

nav {
  display:flex;
  justify-content:center;
  gap:20px;
  margin-top:10px;
}

nav a {
  color:white;
  text-decoration:none;
  font-weight:bold;
}

.container {
  padding:20px;
  max-width:1000px;
  margin:auto;
}

.apps {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
  gap:20px;
}

.card {
  display:block;
  background:white;
  padding:20px;
  border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  text-decoration:none;
  color:black;
  transition:0.2s;
}

.card:hover {
  transform:translateY(-5px);
}

footer {
  text-align:center;
  padding:20px;
  background:#0b3d91;
  color:white;
  margin-top:40px;
}

/* App detail pages */
.app-tagline {
  font-size:1.15rem;
  color:#444;
  margin-bottom:24px;
}

.app-links {
  list-style:none;
  padding:0;
  display:flex;
  gap:20px;
  margin-top:24px;
}

.app-links a {
  color:#0b3d91;
  text-decoration:none;
  font-weight:bold;
}

.app-links a:hover {
  text-decoration:underline;
}

.meta {
  color:#888;
  font-size:0.9rem;
  margin-bottom:20px;
}

/* FAQ */
.faq dt {
  font-weight:bold;
  margin-top:18px;
}

.faq dd {
  margin:4px 0 0 0;
  color:#333;
}