@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root{--bg:#13090B;--surface:#2A1519;--text:#FFFFFF;--muted:#BEA7AB;--accent:#DF252E;--line:rgba(255,255,255,0.12);--r:6px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Inter',system-ui,-apple-system,sans-serif}
a{color:var(--accent)}
.qbv-in{max-width:1040px;margin:0 auto;padding:0 16px}
.qbv-main{max-width:760px;padding-top:32px;padding-bottom:64px}
.qbv-hd{border-bottom:1px solid var(--line);background:var(--surface)}
.qbv-hd .qbv-in{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.qbv-hd-center .qbv-in{justify-content:center}
.qbv-hd-bar>.qbv-in{justify-content:space-between}
.qbv-hd-bar nav.qbv-menu{min-height:auto;padding-bottom:10px}
.qbv-logo img{display:block;height:24px;width:auto}
.qbv-menu ul{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none;margin:0;padding:0}
.qbv-menu a{color:var(--muted);text-decoration:none;font-size:14px}
.qbv-menu a:hover,.qbv-menu a.qbv-on{color:var(--text)}
.qbv-hd-split .qbv-menu{flex:1}
.qbv-btn{background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:9px 18px;border-radius:var(--r);font-size:14px;white-space:nowrap}
h1{font-size:clamp(28px,5vw,40px);line-height:1.2;margin:0 0 16px}
h2{font-size:clamp(22px,3.4vw,28px);line-height:1.3;margin:40px 0 12px;scroll-margin-top:16px}
h3{font-size:18px;margin:20px 0 8px}
p,li{color:var(--text)}
.qbv-cta{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r);padding:18px 20px;margin:28px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.qbv-cta-t{margin:0;flex:1 1 260px;font-weight:600}
.qbv-cta-btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:15px;line-height:1.3;text-align:center;padding:14px 28px;border-radius:var(--r);box-shadow:0 6px 18px -6px var(--accent);transition:filter .15s,transform .15s}
.qbv-cta-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.qbv-cta-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.qbv-cta-n{margin:0;flex-basis:100%;font-size:13px;color:var(--muted)}
@media (max-width:560px){.qbv-cta-btn{display:block;width:100%}}
.qbv-toc{margin:24px 0}
.qbv-toc ul{margin:0;padding:0;list-style:none}
.qbv-toc-box{background:var(--surface);border-radius:var(--r);padding:16px 20px}
.qbv-toc-box li{padding:3px 0}
.qbv-toc-chips ul{display:flex;flex-wrap:wrap;gap:8px}
.qbv-toc-chips a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 12px;text-decoration:none;font-size:14px}
.qbv-tbl{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600}
.qbv-faq{display:grid;gap:10px}
.qbv-qa{background:var(--surface);border-radius:var(--r);padding:4px 18px}
.qbv-qa summary{cursor:pointer;list-style:none}
.qbv-qa summary h3{display:inline}
.qbv-qa summary::-webkit-details-marker{display:none}
details.qbv-qa summary{padding:12px 0}
.qbv-ft{border-top:1px solid var(--line);background:var(--surface);padding:24px 0;font-size:14px}
.qbv-ft ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0 0 12px;padding:0}
.qbv-ft a,.qbv-ft p{color:var(--muted)}
@media (max-width:820px){
.qbv-hd-center .qbv-in,.qbv-hd-split .qbv-in{justify-content:space-between;padding-top:12px;padding-bottom:12px;gap:12px}
.qbv-hd-center .qbv-logo,.qbv-hd-split .qbv-logo{order:1}
.qbv-hd-center .qbv-btn,.qbv-hd-split .qbv-btn{order:2}
.qbv-hd-center .qbv-menu,.qbv-hd-split .qbv-menu{order:3;flex:1 1 100%}
.qbv-menu ul{gap:8px 16px}
.qbv-menu a{display:inline-block;padding:4px 0}
.qbv-main{padding-top:24px}
}
@media (max-width:560px){
.qbv-in{padding:0 14px}
th,td{padding:8px 10px;font-size:14px}
.qbv-cta{padding:16px}
.qbv-toc-box{padding:14px 16px}
}