html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

h1, h2 {
  font-family: 'Inter', 'Segoe UI', sans-serif;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #1a1a1a;
  margin-bottom: 1rem;
}

.btn-on-list {
  border-radius: 8px;
  font-weight: 600;
  padding: 0.6rem 1.2rem;
  white-space: nowrap;
}

.app-footer {
  background: linear-gradient(135deg, #1f1f1f, #2c2c2c);
  color: #e9ecef;
}