.pq-page{background:var(--page-bg);color:var(--text-strong)}.pq-shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:42px 0 58px}.pq-hero{max-width:760px;margin-bottom:22px}.pq-kicker{display:inline-flex;align-items:center;min-height:28px;padding:5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:800 .78rem/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.pq-hero h1{margin:15px 0 9px;color:var(--text-strong);font:800 2.55rem/1.06 var(--font-display);letter-spacing:0}.pq-hero h1 span{color:var(--accent)}.pq-hero p{margin:0;color:var(--text-soft);font-size:1.04rem;line-height:1.7}.pq-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.pq-panel,.pq-preview{background:var(--panel);border:1px solid var(--header-border);border-radius:18px;box-shadow:var(--shadow);padding:24px}.pq-preview{position:sticky;top:calc(var(--header-h) + 16px);text-align:center}.pq-panel-head{margin-bottom:18px}.pq-panel-head h2{margin:0 0 5px;color:var(--text-strong);font:800 1.16rem/1.2 var(--font-display)}.pq-panel-head p{margin:0;color:var(--text-muted);font-size:.94rem;line-height:1.55}.pq-form{display:grid;gap:14px}.pq-field{display:grid;gap:7px;margin:0}.pq-field span{color:var(--text-muted);font:800 .78rem/1.2 var(--font-display);letter-spacing:.07em;text-transform:uppercase}.pq-field input{width:100%;min-height:50px;border:1px solid var(--header-border);border-radius:13px;background:var(--panel-soft);color:var(--text-strong);padding:10px 13px;font:800 .98rem/1.2 var(--font-body);outline:none}.pq-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.pq-primary-btn,.pq-secondary-btn,.pq-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--accent);border-radius:13px;background:var(--accent);color:var(--accent-contrast);font:900 .95rem/1 var(--font-display);text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.pq-primary-btn:hover,.pq-secondary-btn:hover,.pq-link:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-contrast);transform:translateY(-1px)}.pq-secondary-btn,.pq-link{width:100%;background:var(--panel-soft);border-color:var(--header-border);color:var(--text-soft)}.pq-link:hover,.pq-secondary-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pq-info{display:grid;gap:4px;margin-top:16px;padding:14px;border:1px solid var(--header-border);border-radius:13px;background:var(--panel-soft);color:var(--text-muted);line-height:1.55}.pq-info strong{color:var(--text-strong)}.pq-qr-frame{display:grid;place-items:center;min-height:252px;padding:18px;border-radius:16px;background:var(--panel-soft)}.pq-qr{display:inline-grid;place-items:center;padding:14px;border-radius:14px;background:#fff}.pq-qr img,.pq-qr canvas{display:block;width:200px!important;height:200px!important}.pq-result{display:grid;gap:10px;margin-top:16px}.pq-code{padding:11px 12px;border:1px solid var(--header-border);border-radius:12px;background:var(--panel-soft);color:var(--text-muted);font-weight:800}.pq-code strong{color:var(--accent)}.is-hidden{display:none!important}@media(max-width:860px){.pq-layout{grid-template-columns:1fr}.pq-preview{position:static;order:-1}}@media(max-width:560px){.pq-shell{width:min(100% - 24px,680px);padding-top:28px}.pq-hero h1{font-size:2rem}.pq-panel,.pq-preview{padding:18px;border-radius:14px}.pq-qr-frame{min-height:230px}.pq-qr img,.pq-qr canvas{width:180px!important;height:180px!important}}