.lp-login-split {
  grid-template-columns: minmax(0, 54%) minmax(0, 46%);
  width: calc(100% - 64px);
  max-width: 1160px;
  min-height: 0;
  height: auto;
  margin: 64px auto;
  border: 1px solid #e0ebe4;
  border-radius: 24px;
  box-shadow: 0 10px 36px rgb(26 70 48 / 5%);
}
.lp-login-split .lp-login-copy {
  padding: clamp(32px, 4vw, 52px);
  color: #254d3e;
  background-color: #f0f7f2;
  background-image: linear-gradient(90deg, rgb(244 249 245 / 95%) 0%, rgb(242 248 244 / 85%) 45%, rgb(238 247 241 / 72%) 74%, rgb(238 247 241 / 28%) 100%), url('./images/lp-login-boardroom.png');
}
.lp-login-split .lp-login-kicker {
  color: #41705c;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .09em;
}
.lp-login-split .lp-login-kicker::after { width: 32px; }
.lp-login-split .lp-login-copy h2 {
  margin: 18px 0 16px;
  color: #254d3e;
  font-size: clamp(30px, 2.7vw, 38px);
  font-weight: 600;
  line-height: 1.24;
  letter-spacing: -.028em;
}
.lp-login-split .lp-login-copy > p {
  color: #294c3b;
  font-size: 16px;
  line-height: 1.65;
}
.lp-login-split .lp-login-points { margin-top: 24px; color: #254d3e; }
.lp-login-split .lp-login-points > span {
  grid-template-columns: 44px minmax(0, 1fr);
  column-gap: 14px;
  min-height: 76px;
  padding: 14px 0;
  border-top-color: rgb(80 126 103 / 15%);
}
.lp-login-split .lp-login-points > span:hover { border-color: rgb(80 126 103 / 15%); }
.lp-login-split .lp-login-points > span > i {
  width: 42px;
  height: 42px;
  border: 0;
  background: #e1f0e7;
  color: #38755b;
}
.lp-login-split .lp-login-points > span > i svg { width: 23px; height: 23px; stroke-width: 1.6; }
.lp-login-split .lp-login-points > span > b { color: #315641; font-size: 15px; font-weight: 600; }
.lp-login-split .lp-login-points > span > small { color: #294c3b; font-size: 14px; line-height: 1.55; }
.lp-login-split .lp-login-form-reference { padding: clamp(28px, 3.8vw, 48px); }
.lp-login-split .lp-login-form-reference h3 {
  margin: 6px 0 10px;
  color: #254d3e;
  font-size: clamp(25px, 2.3vw, 30px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.025em;
}
.lp-login-split .lp-login-form-reference > p { margin: 0 0 16px; color: #5b7467; font-size: 16px; line-height: 1.6; }
.lp-login-split .lp-login-form-reference > .lp-button {
  min-height: 50px;
  margin-top: 12px;
  padding: 12px 18px;
  background: #187c61;
  box-shadow: 0 4px 12px rgb(0 91 66 / 9%);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}
.lp-login-split .lp-login-form-reference > .lp-button:hover { background: #126d55; box-shadow: 0 6px 16px rgb(0 91 66 / 12%); }
.lp-login-split .lp-login-form-reference > .lp-button-direct { border: 1px solid #d0e2d7; background: #f7fbf8; color: #315b49; box-shadow: none; }
.lp-login-split .lp-login-form-reference > .lp-button-direct:hover { background: #edf6f0; box-shadow: none; }
.lp-login-split .lp-login-form-reference > .lp-button > span { font-size: 18px; }
.lp-login-split .lp-login-form-reference .lp-login-note { color: #5b7467; font-size: 13px; line-height: 1.6; }
@media (max-width: 820px) {
  .lp-login-split { grid-template-columns: 1fr; width: calc(100% - 40px); max-width: 620px; margin: 44px auto; }
  .lp-login-split .lp-login-copy { padding: 32px; }
  .lp-login-split .lp-login-copy h2 { font-size: 32px; }
  .lp-login-split .lp-login-form-reference { padding: 32px; }
}
@media (max-width: 560px) {
  .lp-login-split { width: calc(100% - 28px); margin: 32px auto; border-radius: 20px; }
  .lp-login-split .lp-login-copy, .lp-login-split .lp-login-form-reference { padding: 28px 22px; }
  .lp-login-split .lp-login-copy h2 { font-size: 29px; }
  .lp-login-split .lp-login-form-reference h3 { font-size: 26px; }
  .lp-login-split .lp-login-copy > p, .lp-login-split .lp-login-form-reference > p { font-size: 16px; }
  .lp-login-split .lp-login-points > span { padding: 13px 0; min-height: 76px; }
}