.scam-check {
  display: grid;
  gap: 1.5rem;
  margin: 2.5rem 0;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  border: 1px solid rgba(224, 255, 80, .34);
  background: linear-gradient(135deg, #121715, #19211d);
  color: #f5f8ed;
}

.scam-check__intro {
  max-width: 48rem;
}

.scam-check__intro > span,
.scam-check__privacy,
.scam-check__result em {
  color: #d9ee6a;
  font-size: .76rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.scam-check__intro h2 {
  margin: .45rem 0 .65rem;
  color: #fff;
}

.scam-check__intro p {
  margin: 0;
  color: #ccd6ce;
}

.scam-check__form {
  display: grid;
  gap: 1.15rem;
}

.scam-check__text,
.scam-check fieldset {
  display: grid;
  gap: .55rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.scam-check__text > span,
.scam-check legend {
  color: #fff;
  font-weight: 700;
}

.scam-check textarea {
  width: 100%;
  min-height: 7rem;
  box-sizing: border-box;
  resize: vertical;
  border: 1px solid #435149;
  border-radius: 6px;
  padding: .8rem;
  background: #0b100e;
  color: #f5f8ed;
  font: inherit;
}

.scam-check__signals {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  gap: .65rem;
}

.scam-check__signal {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-height: 3.25rem;
  box-sizing: border-box;
  padding: .8rem;
  border: 1px solid #36443b;
  border-radius: 6px;
  background: #101814;
  color: #e7eee6;
  cursor: pointer;
}

.scam-check__signal:has(input:checked) {
  border-color: #d9ee6a;
  background: #233124;
}

.scam-check__signal input {
  margin-top: .18rem;
  accent-color: #d9ee6a;
}

.scam-check__controls,
.scam-check__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
}

.scam-check button,
.scam-check__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  box-sizing: border-box;
  border: 1px solid #d9ee6a;
  border-radius: 5px;
  padding: .7rem 1rem;
  background: #d9ee6a;
  color: #10150f;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.scam-check__controls button[type="button"],
.scam-check__actions a,
.scam-check__actions button {
  border-color: #52635a;
  background: transparent;
  color: #eff6ec;
}

.scam-check__privacy {
  margin: 0;
  text-transform: none;
}

.scam-check__result {
  display: grid;
  gap: .45rem;
  min-height: 5.5rem;
  padding: 1rem;
  border-left: 4px solid #748079;
  background: #0b100e;
}

.scam-check__result strong {
  font-size: 1.25rem;
}

.scam-check__result span,
.scam-check__result small {
  color: #dbe6dc;
}

.scam-check__result em {
  color: #aab6ac;
  font-style: normal;
  text-transform: none;
}

.scam-check__result[data-level="pause"] {
  border-left-color: #ff8b75;
}

.scam-check__result[data-level="review"] {
  border-left-color: #d9ee6a;
}

.scam-check__reply {
  display: grid;
  gap: 1rem;
  padding-top: 1.35rem;
  border-top: 1px solid #36443b;
}

.scam-check__reply-intro {
  max-width: 48rem;
}

.scam-check__reply-intro > span {
  color: #d9ee6a;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.scam-check__reply-intro h3 {
  margin: .42rem 0 .5rem;
  color: #fff;
  font-size: 1.2rem;
}

.scam-check__reply-intro p,
.scam-check__reply-choice span,
.scam-check__reply-output small,
.scam-check__reply-actions small {
  color: #cbd7cd;
}

.scam-check__reply-intro p {
  margin: 0;
}

.scam-check__reply-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: .65rem;
}

.scam-check__reply-choice {
  display: grid;
  gap: .35rem;
  min-height: 6.2rem;
  padding: .9rem;
  border: 1px solid #435149;
  border-radius: 6px;
  background: #101814;
  color: #f5f8ed;
  text-align: left;
}

.scam-check__reply-choice:hover,
.scam-check__reply-choice:focus-visible,
.scam-check__reply-choice[aria-pressed="true"] {
  border-color: #d9ee6a;
  background: #233124;
}

.scam-check__reply-choice strong {
  color: #fff;
}

.scam-check__reply-output {
  display: grid;
  gap: .5rem;
  min-height: 5.8rem;
  padding: 1rem;
  border-left: 4px solid #d9ee6a;
  background: #0b100e;
}

.scam-check__reply-output strong {
  color: #fff;
}

.scam-check__reply-output span {
  color: #e7eee6;
}

.scam-check__reply-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .7rem;
}

.scam-check__reply-actions button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

@media (max-width: 640px) {
  .scam-check {
    margin-inline: -1rem;
    border-inline: 0;
  }
}