:root { color-scheme: dark; }
body {
  margin: 0;
  min-height: 100vh;
  background: #07090e;
  color: #e8eef8;
  font: 16px/1.5 "Segoe UI", Inter, system-ui, sans-serif;
}
main { max-width: 640px; margin: 0 auto; padding: 48px 20px; }
.eyebrow { letter-spacing: 0.18em; text-transform: uppercase; color: #d4b46a; font-size: 12px; }
.eyebrow a { color: #1a1408; background: #d4b46a; text-decoration: none; padding: 8px 12px; display: inline-flex; align-items: center; min-height: 44px; }
h1 { font-weight: 500; font-size: 32px; margin: 8px 0 16px; }
p { color: #c5d0e0; }
code { color: #d4b46a; }
button {
  margin: 8px 8px 0 0;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid rgba(212, 180, 106, 0.4);
  background: #1a2433;
  color: #e8eef8;
  font: inherit;
  cursor: pointer;
}
#unlock:not(:disabled) { background: #d4b46a; color: #1a1408; font-weight: 600; }
button:disabled { opacity: 0.45; cursor: not-allowed; }