.cm-access {
  box-sizing: border-box;
  min-height: 70vh;
  display: grid;
  place-items: center;
  padding: 32px 18px;
  background: #f3f7f8;
  color: #23313d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.cm-access * { box-sizing: border-box; }
.cm-access-card {
  width: min(100%, 540px);
  padding: clamp(28px, 6vw, 52px);
  background: #fff;
  border: 1px solid #dce3e9;
  border-radius: 18px;
  box-shadow: 0 18px 60px rgba(24, 52, 71, .08);
}
.cm-access-eyebrow {
  margin: 0 0 16px;
  color: #0c687f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cm-access h1 { margin: 0 0 14px; color: #183447; font-size: clamp(34px, 6vw, 50px); line-height: 1.1; }
.cm-access-card > p:not(.cm-access-eyebrow) { margin: 0 0 30px; font-size: 17px; line-height: 1.5; }
.cm-access-button {
  display: inline-block;
  padding: 13px 22px;
  border-radius: 9px;
  background: #0c687f;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none !important;
}
.cm-access-button:hover, .cm-access-button:focus { background: #084e60; }