/* base.css */
* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--c-page);
  font-family: var(--ff-body);
  color: var(--c-ink);
  -webkit-font-smoothing: antialiased;
}

body {
  padding: 26px 12px 60px;
  display: flex;
  justify-content: center;
}

.form-card {
  width: 100%;
  max-width: 860px;
  background: var(--c-bg);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  border: 1px solid var(--c-line);
}

input, textarea, select {
  font-family: var(--ff-body);
  color: var(--c-ink);
}
input::placeholder, textarea::placeholder { color: var(--c-placeholder); }
button { font-family: var(--ff-body); cursor: pointer; }