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

body {
  display: flex;
  flex-direction: column;
  font-family: system-ui, sans-serif;
  background: #fafafa;
}

.atlas-header { padding: 12px 16px; }
#app { flex: 1; padding: 12px 16px; }

.atlas-footer {
  border-top: 1px solid #ddd;
  background: #f6f7f9;
  padding: 10px 12px;
}

.atlas-contact { max-width: 520px; margin: 0 auto; }
.atlas-contact-form { display: flex; flex-direction: column; gap: 8px; }
.atlas-contact-feedback { font-size: 0.9rem; }