.mfn-access {
  min-height: 680px;
  display: grid;
  place-items: center;
  padding: 24px;
  background: linear-gradient(160deg, #e7f1ed, #f8faf9);
}
.mfn-access form {
  width: min(420px, 100%);
  display: grid;
  gap: 14px;
  padding: 34px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 18px 45px #163e3220;
  text-align: center;
}
.mfn-access i {
  width: 52px;
  height: 52px;
  margin: auto;
  display: grid;
  place-items: center;
  background: #f1b84b;
  color: #123f35;
  border-radius: 12px;
  font: 800 24px "Yu Gothic UI", "Hiragino Sans", sans-serif;
}
.mfn-access h2 { margin: 3px 0; }
.mfn-access p, .mfn-access small { margin: 0; color: var(--muted); font-size: 12px; }
.mfn-access input { width: 100%; padding: 13px; border: 1px solid #cdd8d4; border-radius: 9px; text-align: center; }