:root{--card-face:#1a1a1a;--on-card:#fff;--card-quiet:#a3a3a3;--card-rule:#3a3a3a;--card-blue:#60a5fa;--card-green:#00ca00;--card-red:#f87171;--card-amber:#fbbf24;--card-purple:#c084fc;--card-charcoal:#d1d5db;--card-teal:#2dd4bf;--card-pink:#f472b6;--card-orange:#fb923c;--card-indigo:#a5b4fc;--card-lime:#a3e635;--card-cyan:#22d3ee;--card-yellow:#fde047;--card-mint:#6ee7b7;--card-magenta:#e879f9;--card-sand:#d6c3a1}.member-card-page{min-height:var(--window-height);align-items:center;gap:var(--space-6);padding:calc(var(--space-8) + var(--safe-top)) calc(16px + var(--safe-right)) calc(var(--space-8) + var(--safe-bottom)) calc(16px + var(--safe-left));background:var(--bg-sunken);flex-direction:column;display:flex}.member-card{background:var(--card-face);width:100%;max-width:400px;box-shadow:var(--shadow);color:var(--on-card);font-size:var(--text-ui);overflow-wrap:anywhere;text-align:center;border:1px solid #2e2e2e;border-radius:0;padding:20px 20px 22px;overflow:hidden}.member-card p{margin:0}.member-card-blue{--card-accent:var(--card-blue)}.member-card-green{--card-accent:var(--card-green)}.member-card-red{--card-accent:var(--card-red)}.member-card-amber{--card-accent:var(--card-amber)}.member-card-purple{--card-accent:var(--card-purple)}.member-card-charcoal{--card-accent:var(--card-charcoal)}.member-card-teal{--card-accent:var(--card-teal)}.member-card-pink{--card-accent:var(--card-pink)}.member-card-orange{--card-accent:var(--card-orange)}.member-card-indigo{--card-accent:var(--card-indigo)}.member-card-lime{--card-accent:var(--card-lime)}.member-card-cyan{--card-accent:var(--card-cyan)}.member-card-yellow{--card-accent:var(--card-yellow)}.member-card-mint{--card-accent:var(--card-mint)}.member-card-magenta{--card-accent:var(--card-magenta)}.member-card-sand{--card-accent:var(--card-sand)}.member-card-tinted{color:var(--card-accent)}.member-card-business{letter-spacing:.01em;text-transform:uppercase;font-size:18px;font-weight:600;line-height:1.1}.member-card-programme,.member-card-label,.member-card-facts dt{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.member-card .member-card-programme{color:var(--card-accent);margin-top:36px}.member-card .member-card-hello{letter-spacing:-.01em;color:var(--on-card);margin:14px 0 0;font-size:24px;font-weight:600;line-height:1.15}.member-card .member-card-paused{padding:var(--space-5) var(--space-6);border:1px solid var(--card-rule);border-radius:var(--radius-sm);color:var(--on-card);margin-top:18px}.member-card-id{align-items:center;gap:var(--space-6);flex-direction:column;margin-top:18px;display:flex}.member-card-qr{margin:0}.member-card-qr svg{width:200px;height:200px;display:block}.member-card-qr figcaption{margin-top:var(--space-3);color:var(--card-quiet);font-size:11px}.member-card .member-card-enrol{background:var(--card-accent);min-height:44px;color:var(--card-face);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;padding:12px 22px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.member-card .member-card-enrol:hover{background:color-mix(in srgb, var(--card-accent) 82%, var(--on-card));color:var(--card-face);text-decoration:none}.member-card .member-card-enrol:focus-visible{outline:2px solid var(--on-card);outline-offset:3px}.member-card-facts{justify-content:center;gap:var(--space-6) var(--space-9);flex-wrap:wrap;margin:0;display:flex}.member-card-facts>div{align-items:center;gap:var(--space-3);border-bottom:0;flex-direction:column;padding:0;display:flex}.member-card-facts dt,.member-card-facts dd{text-align:center}.member-card-facts dt{color:var(--on-card)}.member-card-facts dd{letter-spacing:.03em;color:var(--card-quiet);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.member-card-facts dd.member-card-tinted{color:var(--card-accent)}.member-card-foot{align-items:center;gap:var(--space-4);border-top:1px solid var(--card-rule);flex-direction:column;margin-top:22px;padding-top:22px;display:flex}.member-card-label{color:var(--card-quiet)}.member-card .member-card-points{margin-top:var(--space-3);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1}.member-card-foot svg{flex:none;order:-1}.member-card-wallets{justify-items:center;gap:var(--space-3);width:100%;max-width:400px;display:grid}.member-card-wallet-badge{justify-content:center;padding:8px;display:flex}.member-card-wallet-badge img{width:auto;height:50px;display:block}.member-card-terms{width:100%;max-width:400px;font-size:var(--text-body);text-align:center}.member-card-terms summary{cursor:pointer;color:var(--ink-strong)}.member-card-terms p{margin:var(--space-4) 0 0;color:var(--muted);white-space:pre-line}.member-card.member-card-plain{padding:var(--space-8) var(--pad-x);background:var(--surface);border-color:var(--line);color:var(--ink)}.member-card-plain :is(h1,h2){font-size:var(--text-h3);color:var(--ink-strong);margin:0;font-weight:600;line-height:1.3}.member-card.member-card-plain p{margin:var(--space-4) 0 0;color:var(--muted)}.member-card-welcome{width:100%;max-width:400px;padding:var(--space-6) var(--pad-x);background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:0}.member-card-welcome h2{font-size:var(--text-h3);color:var(--ink-strong);margin:0;font-weight:600}.member-card-welcome p{margin:var(--space-3) 0 var(--space-5);color:var(--muted)}.member-card-welcome .button{width:100%}
