/* Minimal, clean styles for the landing page & legal pages */
:root {
  --radius: 16px;
  --shadow: 0 10px 25px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.06);
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.65;
  color: #0f172a;
  background: #f8fafc;
}
.container { max-width: 860px; margin: 32px auto; padding: 0 16px; }
.header { margin-bottom: 24px; }
.subtitle { color: #475569; }
.card {
  display: block;
  background: white;
  border-radius: var(--radius);
  padding: 18px 20px;
  box-shadow: var(--shadow);
  text-decoration: none;
  color: inherit;
  transition: transform .06s ease, box-shadow .2s ease;
  margin-bottom: 20px;
}
.card:hover { transform: translateY(-2px); }
.card h2 { margin: 0 0 8px 0; font-size: 20px; }
.card p { margin: 0; }
.footer { margin: 24px 0 40px; color: #64748b; }
.footer a { color: inherit; }