.subscription-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;margin-top:26px;padding:20px;border:1px solid rgba(163,255,69,.3);border-radius:20px;background:linear-gradient(125deg,rgba(163,255,69,.14),rgba(255,255,255,.025))}.subscription-summary span,.subscription-summary small{color:var(--muted);font-size:12px}.subscription-summary small{grid-column:1}.subscription-summary strong{grid-row:1 / span 2;grid-column:2;color:var(--accent);font-size:34px;letter-spacing:-.07em}.vpn-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.vpn-actions button{padding:13px 8px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.05);color:var(--text);font-size:12px;font-weight:750}.vpn-actions button:active{border-color:var(--accent);color:var(--accent)}
.qr-modal{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.76)}.qr-modal>div{position:relative;width:min(330px,100%);padding:18px;border-radius:24px;background:#fff;color:#111;text-align:center}.qr-modal img{display:block;width:100%;margin:8px 0 12px}.qr-modal p{margin:0;font-size:13px}.qr-modal button{position:absolute;right:8px;top:4px;border:0;background:transparent;font-size:28px}