.start-screen {
  width: 100%;
}

.start-screen-content {
  width: min(420px, 100%);
}

.start-screen-content h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 600;
}

.start-screen-content p {
  margin: 12px 0 24px;
  color: #d4daf7;
  font-size: 17px;
}

.start-choice {
  width: 100%;
  border: 1px solid #dfe3eb;
  border-radius: 6px;
  background: #fff;
  color: #283979;
  font: inherit;
  cursor: pointer;
}

.start-choice:hover,
.start-choice:focus-visible {
  border-color: #8294e7;
  background: #f7f8fc;
}

.start-choice > i:last-child {
  color: #7c8496;
  font-size: 14px;
}

.start-choice strong {
  color: #303747;
  font-size: 15px;
  font-weight: 600;
}

.start-choice small {
  color: #687080;
  font-size: 13px;
}