.share-onboarding-panel {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid rgba(140, 255, 122, .28);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(140, 255, 122, .10), rgba(53, 215, 255, .06));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.share-onboarding-panel h3 {
  margin: 7px 0 8px;
  font-size: 21px;
}

.share-onboarding-panel p {
  margin: 0;
  color: var(--muted, #9caabd);
  line-height: 1.55;
}

.share-onboarding-panel small {
  display: block;
  margin-top: 12px;
  color: var(--muted, #8290a3);
  line-height: 1.45;
}

.share-onboarding-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.share-onboarding-actions .button {
  flex: 1 1 230px;
  justify-content: center;
  text-align: center;
}

.share-auth-context {
  margin: 18px 0;
  padding: 16px 18px;
  border: 1px solid rgba(140, 255, 122, .28);
  border-radius: 16px;
  background: rgba(140, 255, 122, .07);
}

.share-auth-context strong {
  display: block;
  margin-top: 6px;
  color: #f4f8ff;
  font-size: 17px;
}

.share-auth-context p {
  margin: 5px 0 0;
  color: var(--muted, #9caabd);
  line-height: 1.45;
}

@media (max-width: 640px) {
  .share-onboarding-panel {
    padding: 16px;
  }

  .share-onboarding-actions {
    flex-direction: column;
  }

  .share-onboarding-actions .button {
    flex-basis: auto;
    width: 100%;
  }
}