:root { font-family: Georgia, serif; background: #0f2419; color: #f4f0e6; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
.card { width: min(36rem, calc(100% - 2rem)); background: #163325; padding: 2rem; border-radius: 8px; }
.eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .75rem; color: #9cbfa8; }
h1 { margin: .2rem 0 1rem; font-size: 1.8rem; }
.lead, .fine { line-height: 1.5; color: #d5e4da; }
.passes { display: grid; gap: .75rem; margin: 1.5rem 0; }
.passes button { display: flex; justify-content: space-between; gap: 1rem; width: 100%; padding: .9rem 1rem; background: #1b5e20; color: #fff; border: 0; border-radius: 4px; cursor: pointer; font: inherit; }
.passes button:hover { filter: brightness(1.08); }
a { color: #b7e0c4; }
pre { background: #0f2419; padding: 1rem; overflow: auto; }