.host-form-status {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  margin: 0 0 32px;
  padding: 22px 24px;
  border: 2px solid transparent;
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(36, 25, 52, 0.12);
  line-height: 1.55;
  scroll-margin-top: 120px;
  outline: none;
}

.host-form-status:focus-visible {
  box-shadow:
    0 0 0 4px rgba(109, 39, 216, 0.18),
    0 14px 34px rgba(36, 25, 52, 0.12);
}

.host-form-status__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 22px;
  flex: 0 0 auto;
}

.host-form-status__content {
  min-width: 0;
}

.host-form-status__title {
  margin: 0 0 4px;
  font-size: clamp(1.12rem, 2vw, 1.35rem);
  font-weight: 800;
  line-height: 1.3;
}

.host-form-status__message {
  margin: 0;
  font-weight: 650;
}

.host-form-status--success {
  border-color: #75c99e;
  background: #ecfbf3;
  color: #145c38;
}

.host-form-status--success .host-form-status__icon {
  background: #c9f2dc;
  color: #145c38;
}

.host-form-status--error {
  border-color: #e59aaa;
  background: #fff0f3;
  color: #84243a;
}

.host-form-status--error .host-form-status__icon {
  background: #ffd8e0;
  color: #84243a;
}

.host-form-status ul {
  margin: 12px 0 0;
  padding-left: 22px;
  font-weight: 600;
}

.host-form-status li + li {
  margin-top: 5px;
}

@media (max-width: 640px) {
  .host-form-status {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 24px;
    padding: 18px;
    border-radius: 16px;
    scroll-margin-top: 92px;
  }

  .host-form-status__icon {
    width: 40px;
    height: 40px;
    font-size: 19px;
  }
}

.host-form-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}