:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#06100b;color:#f5edda}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:16px;padding:24px}
main{max-width:460px;width:100%;padding:30px 24px;border:1px solid #786333;border-radius:24px;
  background:#0d251b}
.brand{color:#d7ac50;letter-spacing:.18em;font-size:13px}
h1{font-family:Georgia,serif;font-size:32px;font-weight:500}
h2{font-family:Georgia,serif;font-size:22px;font-weight:500}
p,li{line-height:1.6;color:#c6c1b1;font-size:15px}
a{color:#d7ac50}
.button,.secondary{display:block;width:100%;padding:16px;text-align:center;border-radius:28px;
  text-decoration:none;font-size:16px;font-weight:600;font-family:inherit}
.button{background:#d7ac50;color:#101b13}
.secondary{margin-top:18px;border:1px solid #d7ac50;background:transparent;color:#f5edda}
code{display:block;margin-top:18px;padding:14px;font-family:ui-monospace,Menlo,monospace;
  font-size:20px;letter-spacing:.08em;text-align:center;white-space:pre;background:#071a12;
  border-radius:12px;user-select:all}
footer{font-size:13px;color:#c6c1b1}
a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px}
[data-lang]{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
[hidden]{display:none}