.app-header {
  text-align: center;
  margin-bottom: 18px;
}

.center {
  text-align: center;
}

.sub {
  font-size: 14px;
  color: var(--muted);
}

.muted {
  color: var(--muted);
  font-size: 14px;
}

button.primary {
  background: linear-gradient(135deg, #7b6bff, #6a5cff);
  border-radius: 14px;
  padding: 13px 22px;
  font-weight: 600;
}

button.primary.subtle {
  background: #eef0ff;
  color: #2a2f66;
}

button.primary:hover {
  filter: brightness(1.05);
}

.code-box {
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: rgba(123,107,255,0.12);
  font-family: ui-monospace, Menlo, Monaco, Consolas, monospace;
  font-weight: 700;
  cursor: pointer;
}

.verify-box {
  margin-top: 18px;
  padding: 16px;
  border-radius: 14px;
}

.verify-box.success {
  background: #ecfdf5;
}

.verify-box.error {
  background: #fef2f2;
}

.verify-header {
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
}

.verify-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 20px;
  font-family: ui-monospace, monospace;
  font-size: 13px;
}

.verify-grid .label {
  text-align: left;
  color: var(--muted);
}

.verify-grid .value {
  text-align: right;
  font-weight: 600;
}

.link-btn {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  text-decoration: none;
  color: var(--accent);
  font-weight: 600;
}