:root{color-scheme:light;--ink:#321d32;--gold:#a97a3c;--muted:#786674;--paper:#f8f3eb}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-weight:400}
a{color:inherit}button{font:inherit}h1,h2,p{margin:0;font-weight:400}
.present{max-width:1440px;min-height:100svh;margin:auto;padding:54px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}
.brand{font-size:42px;letter-spacing:-2px;margin-bottom:36px}.brand span{color:var(--gold)}.brand sup{font-size:12px;vertical-align:top;letter-spacing:0}
.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);line-height:1.6}
h1{font-size:clamp(36px,4.4vw,64px);line-height:1.08;letter-spacing:-2px;margin:20px 0}
.intro{font-size:20px;line-height:1.5;color:var(--muted);max-width:480px}
.pass-preview{margin:28px 0;padding:21px 24px;border:1px solid #dfc899;border-radius:20px;background:#f6ecd7;max-width:420px}
.pass-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.pass-heading h2{font-size:22px}.badge{font-size:11px;letter-spacing:1px;color:#7c5f30}
.balance{font-size:45px;letter-spacing:-1px;margin:10px 0 8px}.balance span{font-size:19px;letter-spacing:0}.pass-meta{font-size:13px;color:#74604f;line-height:1.6}
.steps{padding:0;list-style:none;counter-reset:step;margin:24px 0;color:var(--muted);font-size:16px;line-height:1.6}.steps li{counter-increment:step;display:flex;gap:14px;margin-top:9px}.steps li::before{content:"0" counter(step);color:var(--gold);font-size:13px;padding-top:2px}
.fine{font-size:13px;line-height:1.6;color:var(--muted)}
.qr-panel{text-align:center}.qr-box{display:block;background:white;border:1px solid #e9dfd1;border-radius:26px;padding:24px;text-decoration:none;box-shadow:0 16px 50px #321d3208}.qr-box img{display:block;width:100%;height:auto;max-width:410px;margin:auto}.qr-caption{font-size:21px;margin:12px 0 6px}.url{overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:var(--muted);margin:18px auto;max-width:390px}
.buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.button{display:inline-block;text-decoration:none;background:var(--ink);color:white;padding:13px 18px;border:1px solid var(--ink);border-radius:12px;font-size:14px;cursor:pointer}.button.outline{background:transparent;color:var(--ink);border-color:#d6c7bc}.button:focus-visible,.qr-box:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.footer{font-size:11px;letter-spacing:1px;margin-top:25px;color:var(--muted)}
@media(max-width:760px){.present{display:block;padding:30px 24px}.brand{margin-bottom:27px;font-size:36px}h1{letter-spacing:-1px}.intro{font-size:18px}.pass-preview{max-width:none}.qr-panel{margin-top:32px}.qr-box{max-width:430px;margin:auto;padding:15px}.footer{margin-bottom:16px}}
@media print{@page{size:A4 landscape;margin:12mm}.present{padding:0;min-height:0;grid-template-columns:1.2fr 1fr;gap:7%}.brand{font-size:30px;margin-bottom:20px}h1{font-size:36px}.intro{font-size:16px}.pass-preview{margin:20px 0;padding:16px}.qr-box{box-shadow:none;padding:12px}.qr-box img{max-width:300px}.steps{font-size:13px}.fine{font-size:11px}.buttons,.footer{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}