html, body { margin: 0; min-height: 100%; }
body {
  font-family: "Open Sans", system-ui, sans-serif;
  color: #ecf6ea;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(111,191,99,0.18), transparent 55%),
    #07140c;
}
.az {
  max-width: 640px;
  margin: 0 auto;
  padding: 12vh 24px 48px;
  text-align: center;
}
.az-logo { display: inline-block; font-family: "Open Sans", system-ui, sans-serif; font-size: clamp(24px, 5vw, 34px); font-weight: 700; letter-spacing: 0.22em; text-indent: 0.22em; color: #fff; padding: 16px 22px; border-radius: 16px; background: rgba(0,0,0,0.28); box-shadow: 0 12px 40px rgba(0,0,0,0.35); }
.az-kicker {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 11px;
  color: #9ad68c;
  margin: 18px 0 6px;
}
h1 {
  font-size: clamp(36px, 8vw, 56px);
  font-weight: 650;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
}
.az-lead { color: #d5e7d2; line-height: 1.45; margin: 0 auto 28px; max-width: 36em; }
.az-form { text-align: left; }
.az-form label { display: block; font-size: 12px; color: #9ad68c; margin-bottom: 8px; }
.az-row { display: flex; gap: 8px; }
.az-row input {
  flex: 1;
  min-width: 0;
  border: 1px solid rgba(154,214,140,0.28);
  background: rgba(0,0,0,0.28);
  color: #ecf6ea;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 14px;
}
.az-row button, .az-models button {
  border: 0;
  border-radius: 12px;
  background: #6fbf63;
  color: #08210c;
  font-weight: 650;
  cursor: pointer;
}
.az-row button { padding: 12px 16px; white-space: nowrap; }
.az-sub { margin: 28px 0 10px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: #9ad68c; }
.az-models { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.az-models button {
  padding: 8px 12px;
  background: rgba(255,255,255,0.08);
  color: #ecf6ea;
  font-weight: 600;
  font-size: 13px;
}
.az-models button:hover { background: #6fbf63; color: #08210c; }
@media (max-width: 640px) {
  .az-row { flex-direction: column; }
}

.az-resolved { min-height: 1.4em; margin: 10px 0 0; font-size: 12px; color: #9ad68c; word-break: break-all; }
.az-resolved.is-bad { color: #f0b4a0; }
code { color: #9ad68c; font-size: 0.92em; }