/* Compact community invitation, matching the site's yellow and pixel-arrow language. */
.token-group-banner{display:grid;grid-template-columns:190px minmax(0,1fr) 245px;gap:28px;align-items:center;margin:0 0 26px;padding:25px 28px;border:1px solid #eed56d;border-radius:20px;background:#fff9df;color:#151515}.token-group-badge{position:relative;display:grid;place-content:center;text-align:center;min-height:115px;background:#171717;clip-path:polygon(8% 0,92% 0,92% 9%,100% 9%,100% 35%,94% 35%,94% 65%,100% 65%,100% 91%,92% 91%,92% 100%,8% 100%,8% 91%,0 91%,0 65%,6% 65%,6% 35%,0 35%,0 9%,8% 9%)}.token-group-badge:before{content:"";position:absolute;inset:6px;background:#ffda00;clip-path:inherit}.token-group-badge strong,.token-group-badge span{position:relative}.token-group-badge strong{font-size:52px;line-height:1.15;letter-spacing:-2px}.token-group-badge span{font-size:12px;font-weight:750;letter-spacing:1px}.token-group-copy{min-width:0}.token-group-label{display:inline-block;padding:5px 12px;background:#ffefad;border-radius:30px;font-size:13px;font-weight:700}.token-group-copy h2{font-size:clamp(22px,2.1vw,32px);line-height:1.4;margin:9px 0 7px;letter-spacing:-.6px}.token-group-copy p{font-size:15px;line-height:1.7;margin:0}.token-group-copy .token-group-benefits{color:#77808d;font-size:13px;margin-top:8px}.token-group-action{text-align:center;min-width:0}.token-group-action .platform-btn{background:#171717;color:#ffda00;border-color:#171717;width:100%;justify-content:center;font-weight:750;font-size:17px;padding:16px 12px}.token-group-action small{display:block;color:#7c818b;line-height:1.7;font-size:11px;margin-top:14px}.token-group-dialog{box-sizing:border-box;width:min(620px,calc(100% - 28px))}.token-group-dialog p{line-height:1.8;overflow-wrap:anywhere}.token-group-state{font-size:20px;font-weight:750;margin:22px 0 16px}.token-group-state.success{color:#267248}.token-group-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.token-group-metrics>div{padding:17px;background:#fff9df;border-radius:14px;min-width:0}.token-group-metrics span,.token-group-metrics small{display:block;font-size:13px;color:#727b87}.token-group-metrics strong{display:block;font-size:29px;margin:6px 0;overflow-wrap:anywhere}.token-group-metrics small{font-size:11px}.token-group-period{font-size:12px;color:#7b8290}.token-group-contact{text-align:center;border-top:1px solid #edeae0;margin-top:22px;padding-top:12px}.token-group-contact h3{font-size:19px}.token-group-contact .platform-detail{text-align:left;background:#f6f7fa;padding:15px;border-radius:12px;font-size:14px}.token-group-id{font-size:14px}.token-group-contact .platform-qr{max-width:100%;height:auto;max-height:280px;object-fit:contain}.token-group-admin{margin-top:22px}.token-group-admin fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}.token-group-admin textarea{min-height:110px}.token-group-admin .platform-qr{max-width:100%;height:auto;max-height:230px}.token-group-admin .platform-error:empty{padding:0}
@media(max-width:1150px){.token-group-banner{grid-template-columns:130px minmax(0,1fr);gap:20px;padding:22px}.token-group-badge{min-height:100px}.token-group-badge strong{font-size:42px}.token-group-action{grid-column:2;display:flex;align-items:center;gap:18px;text-align:left}.token-group-action .platform-btn{width:auto;flex-shrink:0;font-size:15px;padding:12px 18px}.token-group-action small{margin:0}}
@media(max-width:600px){.token-group-banner{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:18px 15px;border-radius:16px}.token-group-badge{min-height:70px;align-self:start;margin-top:6px}.token-group-badge strong{font-size:28px;letter-spacing:-1px}.token-group-badge span{font-size:7px;letter-spacing:0}.token-group-badge:before{inset:4px}.token-group-label{font-size:11px;padding:4px 8px}.token-group-copy h2{font-size:22px;letter-spacing:0}.token-group-copy p{font-size:13px}.token-group-copy .token-group-benefits{font-size:11px}.token-group-action{grid-column:1/-1;display:block;text-align:center}.token-group-action .platform-btn{width:100%}.token-group-action small{margin-top:9px}.token-group-metrics strong{font-size:24px}.token-group-dialog header h2{font-size:22px}}
