:root{--ink:#f3f3ef;--muted:#aaa6ad;--paper:#252323;--line:#504c52;--purple:#a98af8;--charcoal:#1a1a1a}*{box-sizing:border-box}html [hidden]{display:none!important}body{margin:0;background:var(--charcoal);color:var(--ink);font:400 16px/1.55 Quicksand,Arial,sans-serif}h1,h2,strong,button,.button{font-family:"Rethink Sans",Arial,sans-serif;font-weight:700}.card-shell{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:68px 0 88px}.card-intro{max-width:760px;margin-bottom:38px}.eyebrow{margin:0 0 11px;color:var(--purple);font:700 12px/1.2 "Rethink Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.card-intro h1{margin:0 0 20px;font-size:clamp(47px,7vw,78px);line-height:.94;letter-spacing:-.05em}.card-intro h1 span{color:var(--purple)}.card-intro>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:18px}.state-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.state-card h2{margin:0 0 10px;font-size:28px}.state-card>p:not(.eyebrow){max-width:620px;color:var(--muted)}.loader{display:block;width:30px;height:30px;margin-bottom:12px;border:3px solid #5b5660;border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-layout{display:grid;grid-template-columns:minmax(300px,480px) minmax(280px,1fr);gap:42px;align-items:center}.member-card{position:relative;overflow:hidden;padding:28px;border-radius:30px;background:linear-gradient(145deg,#f7f6f3,#e9e6e9);color:#1a1a1a;box-shadow:0 28px 70px #0007}.member-card:before{content:"";position:absolute;width:310px;height:310px;border:55px solid #a98af8;border-radius:50%;right:-180px;top:-190px;opacity:.18}.card-top{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-top>img{width:67px;filter:brightness(0)}.card-top>span{font:700 11px "Rethink Sans",Arial,sans-serif;letter-spacing:.16em}.qr-frame{position:relative;width:min(100%,330px);aspect-ratio:1;margin:0 auto 24px;padding:11px;border-radius:25px;background:#fff}.qr-frame>img{display:block;width:100%;height:100%;border-radius:16px}.qr-logo{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:66px;height:66px;padding:10px;border:7px solid #fff;border-radius:18px;background:#fff;transform:translate(-50%,-50%)}.qr-logo img{max-width:100%;max-height:100%;object-fit:contain}.member-card h2{position:relative;margin:0;font-size:27px}.member-id{position:relative;margin:2px 0 18px;color:#696568;font-size:12px;letter-spacing:.06em}.card-status{position:relative;display:flex;align-items:center;gap:8px;font:700 12px "Rethink Sans",Arial,sans-serif}.card-status span{width:9px;height:9px;border-radius:50%;background:#47a66b;box-shadow:0 0 0 4px #47a66b22}.card-actions h2{margin:0 0 13px;font-size:37px}.card-actions>p:not(.eyebrow){color:var(--muted)}.action-list{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:11px 20px;border:1px solid var(--purple);border-radius:999px;background:var(--purple);color:#1a1a1a;text-decoration:none;cursor:pointer;font-size:14px}.button.secondary{border-color:#625e65;background:#302e30;color:var(--ink)}.fine-print{padding-top:19px;border-top:1px solid var(--line);font-size:12px}.toast{position:fixed;right:18px;bottom:18px;padding:13px 17px;border-radius:12px;background:#f3f3ef;color:#1a1a1a;font:700 13px "Rethink Sans",Arial,sans-serif;box-shadow:0 12px 32px #0007}@media(max-width:800px){.card-shell{padding-top:42px}.card-layout{grid-template-columns:1fr}.member-card{width:min(100%,480px);margin:0 auto}.card-actions{max-width:620px}}@media(max-width:480px){.card-shell{width:min(100% - 24px,1080px)}.member-card{padding:19px;border-radius:23px}.qr-frame{border-radius:19px}.qr-logo{width:58px;height:58px}.card-intro h1{font-size:47px}.action-list{display:grid}.button{width:100%}}