.pb-wrap{width:100%;max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
.pb-wrap h3{font-size:1rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:.5rem}
.pb-lead{color:var(--fg) !important;font-size:1.1rem !important;text-align:left !important;max-width:none !important}
.pb-muted{color:var(--muted);font-size:.9rem;line-height:1.5}
.pb-done .pb-muted{text-align:left}
.pb-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pb-card{display:flex;flex-direction:column;gap:.4rem;text-align:left;padding:1.2rem;background:#111;color:var(--fg);
    border:1px solid #2a2a2a;border-radius:12px;font:inherit;cursor:pointer;transition:border-color .2s,transform .2s}
.pb-card:hover,.pb-card:focus-visible{border-color:#fff;transform:translateY(-2px)}
.pb-card strong{font-size:1.15rem}
.pb-card span{color:var(--fg);opacity:.8}
.pb-card em{font-style:normal;color:var(--muted);font-size:.9rem;line-height:1.5}
.pb-chips{display:flex;flex-wrap:wrap;gap:.6rem}
.pb-chip{padding:.6rem 1rem;background:#111;color:var(--fg);border:1px solid #2a2a2a;border-radius:999px;font:inherit;cursor:pointer}
.pb-chip:hover,.pb-chip:focus-visible,.pb-chip.on{border-color:#fff;background:#222}
.pb-chip.off{opacity:.4}
.pb-link{align-self:flex-start;background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;text-decoration:underline;padding:.2rem 0}
.pb-link:hover{color:var(--fg)}
.pb-form{display:flex;flex-direction:column;gap:1rem}
.pb-form label{display:flex;flex-direction:column;gap:.4rem;color:var(--muted);font-size:.9rem;text-align:left}
.pb-form input:not([type=checkbox]),.pb-form textarea{padding:.7rem .8rem;background:#111;color:var(--fg);border:1px solid #2a2a2a;border-radius:8px;font:inherit}
.pb-form input:focus,.pb-form textarea:focus{outline:2px solid #fff;outline-offset:1px}
.pb-form .pb-check{flex-direction:row;align-items:flex-start;gap:.6rem;line-height:1.4}
.pb-err{color:#ff8a8a;font-size:.9rem;text-align:left !important}
.pb-form .gate-btn{align-self:flex-start}
.signup-form-wrap{width:100%;max-width:680px;margin:0 auto}

/* Qs vy */
.qv{max-width:860px;margin:0 auto;padding:4rem 1.2rem 4rem;display:flex;flex-direction:column;gap:1.6rem}
.qv h1{font-size:1.8rem;letter-spacing:1px}
.qv h2{font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0}
.qv-box{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:12px;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem}
.qv ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.qv li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #1c1c1c;flex-wrap:wrap}
.qv li small{color:var(--muted)}
.qv .tag{font-size:.75rem;padding:.15rem .5rem;border:1px solid #444;border-radius:999px;color:var(--muted)}
.qv .tag.sent{border-color:#6c6;color:#9d9}
.qv-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.qv dialog{margin:auto;max-width:560px;width:92%;background:#111;color:var(--fg);border:1px solid #333;border-radius:14px;padding:1.4rem}
.qv dialog::backdrop{background:rgba(0,0,0,.7)}
.qv pre{white-space:pre-wrap;font:inherit;background:#0b0b0b;border:1px solid #2a2a2a;border-radius:8px;padding:1rem;color:#ddd;line-height:1.5}